MaDgIK
/
monitor-dashboard
13
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Wiki Activity

[Library & Monitor Dashboard & openaire-theme | new-theme]: Small updates and fixes for sticky buttons & offcanvas on the right | New color #6E6E6E added. 

1. monitor.component.html: Filters icon changed | Print button added.
2. monitor.module.ts: Added "filters" in iconsService.registerIcons and removed "print".
3. notification-sidebar.component.css: #notifications-switcher position top changed.
4. notifications-sidebar.component.ts: In read notifications added class "uk-text-light-grey".
5. icons.ts: [NEW] svg icon "filters" added.
6. offcanvas.css: Added variable --offcanvas-button-shadow and use it for offcanvas-switcher.
7. text.css: Added variable --text-light-grey-color: var(--light-grey-color); and class "uk-text-light-grey".
8. variables.css: Added variable --light-grey-color: #6E6E6E;
9. monitor-dashboard-custom.css: Added rules ".stakeholderPage #filters_icon .start" and ".stakeholderPage #filters_icon .end" for filters svg gradient | Added rule for #print_toggle to set top position.
This commit is contained in:
Konstantina Galouni 2022-04-07 17:50:49 +03:00
parent 3caedbc0ca
commit 38373ef725
4 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/monitor/monitor.component.html
View File

@ -236,7 +236,7 @@
[style.display]="(filterToggle?'none':'inherit')"-->
<div *ngIf="stakeholder && !privateStakeholder " href="#style_switcher" uk-toggle="" id="filters_switcher_toggle"
class="offcanvas-switcher uk-flex uk-flex-center uk-flex-middle">
<icon name="filter_alt" ratio="1.5" customClass="uk-text-primary-gradient" visuallyHidden="Filters"></icon>
<icon name="filters" ratio="1.5" visuallyHidden="Filters" gradient="filters_icon"></icon>
</div>
<div *ngIf="stakeholder && !privateStakeholder" id="style_switcher" class="uk-offcanvas offcanvas"
uk-offcanvas="flip:true; overlay: true">
@ -274,3 +274,8 @@
</div>
</div>
</div>
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic" id="print_toggle"
class="offcanvas-switcher uk-flex uk-flex-center uk-flex-middle" (click)="printReport()">
<icon name="print" ratio="1.5" customClass="uk-text-primary-gradient" visuallyHidden="Print"></icon>
</div>

4
src/app/monitor/monitor.module.ts
View File

@ -23,7 +23,7 @@ import {SearchFilterModule} from "../openaireLibrary/searchPages/searchUtils/sea
import {PageContentModule} from "../openaireLibrary/dashboard/sharedComponents/page-content/page-content.module";
import {IconsService} from '../openaireLibrary/utils/icons/icons.service';
import {IconsModule} from '../openaireLibrary/utils/icons/icons.module';
import {incognito, print} from "../openaireLibrary/utils/icons/icons";
import {done, filters, incognito} from "../openaireLibrary/utils/icons/icons";
import {LogoUrlPipeModule} from "../openaireLibrary/utils/pipes/logoUrlPipe.module";
@NgModule({
@ -47,6 +47,6 @@ import {LogoUrlPipeModule} from "../openaireLibrary/utils/pipes/logoUrlPipe.modu
})
export class MonitorModule {
constructor(private iconsService: IconsService) {
this.iconsService.registerIcons([incognito, print]);
this.iconsService.registerIcons([incognito, filters]);
}
}

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit ad20ad1ea93725fe725f84a7f51629f15bb26577
Subproject commit ac3e721dfcd8e0287ca00bd1e726d6305d3f2d0c

12
src/assets/monitor-dashboard-custom.css
View File

@ -43,6 +43,18 @@
--pill-alt-background-active-image: linear-gradient(122deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);;
}
.stakeholderPage #filters_icon .start {
stop-color: var(--monitor-light-color)
}
.stakeholderPage #filters_icon .end {
stop-color: var(--monitor-dark-color)
}
#print_toggle {
top: 320px !important;
}
/*}*/
/*!*Stakeholder Specific*!*/
/*.publicationsSearchForm {*/