[UsageCounts | Trunk]: Add mobilde rules

This commit is contained in:
k.triantafyllou 2020-11-30 11:10:06 +00:00
parent 5f409a74b1
commit 73148b53c0
3 changed files with 8 additions and 2 deletions

View File

@ -37,6 +37,9 @@ export class AboutComponent implements OnInit {
} }
ngOnInit() { ngOnInit() {
if(typeof window !== 'undefined') {
this.large = window.innerWidth > 959;
}
this._title.setTitle(this.title); this._title.setTitle(this.title);
this._meta.updateTag({content: this.description}, "name='description'"); this._meta.updateTag({content: this.description}, "name='description'");
this._meta.updateTag({content: this.description}, "property='og:description'"); this._meta.updateTag({content: this.description}, "property='og:description'");

View File

@ -6,8 +6,8 @@
<div class="uk-container uk-container-large provide-background"> <div class="uk-container uk-container-large provide-background">
<div class="uk-container uk-section uk-section-small uk-padding-remove-bottom"> <div class="uk-container uk-section uk-section-small uk-padding-remove-bottom">
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<h2 class="uk-margin-remove-vertical uk-text-bold">OpenAIRE <span class="provide-color">PROVIDE</span></h2> <h2 class="uk-text-bold">OpenAIRE <span class="provide-color">PROVIDE</span></h2>
<div [class.uk-padding]="large" class="uk-width-3-4@l"> <div [class.uk-padding-remove-horizontal]="!large" class="uk-width-3-4@l uk-padding">
<p> <p>
The <span class="uk-text-bold">resources</span> of the OpenAIRE UsageCounts Service are The <span class="uk-text-bold">resources</span> of the OpenAIRE UsageCounts Service are
available through the OpenAIRE PROVIDE product, which is serving the content providers. available through the OpenAIRE PROVIDE product, which is serving the content providers.

View File

@ -35,6 +35,9 @@ export class ResourcesComponent implements OnInit {
} }
ngOnInit() { ngOnInit() {
if(typeof window !== 'undefined') {
this.large = window.innerWidth > 959;
}
this._title.setTitle(this.title); this._title.setTitle(this.title);
this._meta.updateTag({content: this.description}, "name='description'"); this._meta.updateTag({content: this.description}, "name='description'");
this._meta.updateTag({content: this.description}, "property='og:description'"); this._meta.updateTag({content: this.description}, "property='og:description'");