[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 09341b1889
commit 4653007a11
3 changed files with 9 additions and 1 deletions

View File

@ -1,6 +1,7 @@
:root {
--offcanvas-background-color: var(--default-color);
--offcanvas-shadow: var(--shadow-main-dark);
--offcanvas-button-shadow: var(--shadow-button);
}
.offcanvas-switcher {
@ -15,7 +16,7 @@
z-index: 980;
background: var(--offcanvas-background-color);
border-radius: 6px 0px 0px 6px;
box-shadow: var(--offcanvas-shadow);
box-shadow: var(--offcanvas-button-shadow);
clip-path: inset(-30px 0px -30px -30px);
}

View File

@ -3,6 +3,7 @@
--text-primary-color: var(--primary-color);
--text-secondary-color: var(--secondary-color);
--text-gradient-color: linear-gradient(92deg, var(--primary-light-color) 0, var(--primary-dark-color) 100%);
--text-light-grey-color: var(--light-grey-color);
}
.uk-text-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary {
@ -14,3 +15,8 @@
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.uk-text-light-grey {
color: var(--text-light-grey-color);
}

View File

@ -11,6 +11,7 @@
--placeholder-color: #8E8E8E;
--disable-color: #B3B3B3;
--muted-color: #EAEAEA;
--light-grey-color: #6E6E6E;
--light-color: #FFFFFF;
--table-color: #F5F5F5;
--default-color: #F9F9F9;