Monitor page: Hide note in mobile. Change position of filters in mobile.

This commit is contained in:
Konstantinos Triantafyllou 2023-03-22 17:56:50 +02:00
parent a68b64c35a
commit 6d18512491
5 changed files with 17 additions and 9 deletions

View File

@ -37,7 +37,7 @@
</div>
</div>
</ng-template>
<div page-content [border]="false">
<div page-content [border]="isMobile">
<div header>
<div *ngIf="stakeholder" class="uk-hidden">
<h1 class="uk-h6 uk-margin-remove">{{stakeholder.name}}</h1>
@ -112,12 +112,12 @@
<span *ngIf="!numberResults.get(i + '-' + j)">--</span>
</div>
<div *ngIf="indicator.description || indicator.additionalDescription"
class="uk-position-top-right uk-text-center uk-margin-small-top uk-margin-small-right">
class="uk-position-top-right uk-text-center uk-margin-small-top uk-margin-small-right uk-visible@m">
<a class="uk-display-inline-block uk-button uk-button-link" uk-tooltip="Note"
(click)="toggleDescriptionOverlay($event, j)">
<span class="uk-flex uk-flex-middle">
<icon name="analytics" type="outlined" [flex]="true"></icon>
</span>
<span class="uk-flex uk-flex-middle">
<icon name="analytics" type="outlined" [flex]="true"></icon>
</span>
</a>
</div>
</div>
@ -213,7 +213,7 @@
[ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')">
</div>
<div *ngIf="indicator.description || indicator.additionalDescription"
class="uk-position-bottom-left uk-margin-left uk-margin-small-bottom">
class="uk-position-bottom-left uk-margin-left uk-margin-small-bottom uk-visible@m">
<a class="uk-display-inline-block uk-button uk-button-text"
(click)="toggleDescriptionOverlay($event, j)">
<span class="uk-flex uk-flex-middle">

@ -1 +1 @@
Subproject commit 4c19e65edb3db3b546eda029ea90a58298a1f0ad
Subproject commit d2543181e77d5577c4bd7ce2911515c5d4b3dbcd

@ -1 +1 @@
Subproject commit 95c2b50a57696a80dd3dd376880f26cb21d65817
Subproject commit 22728ec7de6c106bb4ede71e12a71cb061c6e8f8

View File

@ -56,6 +56,7 @@
/* Dashboard */
@dashboard-page-content-background: @monitor-dashboard-background;
@dashboard-primary-background: @monitor-color;
@dashboard-menu-section-sublist-border: fade(@monitor-color, 30%);
& #filters_icon .start {
stop-color: @monitor-light-color;
@ -94,6 +95,13 @@
top: 400px !important;
}
@media (max-width: @breakpoint-small-max) {
#filters_switcher_toggle {
top: unset !important;
bottom: 10vh;
}
}
/* Quick fix for svgs with a class that makes their opacity: 0.5*/
svg .a {
opacity: 1 !important;

@ -1 +1 @@
Subproject commit c4e2781acc42f281265a70d6cd75616cdd6fa762
Subproject commit f264617e5ab356c4279ee1ef1819db434fec4fba