MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library & Monitor Dashboard | new-theme]: Small update on notifications & filters offcanvas. 

1. shadow.css: Added variable --shadow-main-dark.
2. offcanvas.css:
   a. Set --offcanvas-shadow: var(--shadow-main-dark);
   b. In class .offcanvas-switcher remove transition (will not be visible when offcanvas is open)
   c. [Bug fix] In class .offcanvas-count increased font size and make background always round, added line-height: 20px.
   d. In rule ".offcanvas .uk-offcanvas-bar" set border-radius to 4px.
3. notification-utils.ts: Full stop added in messages.
4. notification-sidebar.component.css: In rule "#notifications .notification-list ul" set height: calc(100% - 77px).
5. notifications-sidebar.component.ts:
   a. Removed anything related to offcavnas events
   b. Removed commented code
   c. Added in icons visuallyHidden.
6. monitor.component.html:
   a. Removed "open" class when offcanvas is open.
   b. Added in icons visuallyHidden
   c. Added sign in link in filters when user is not logged in
   d. Added uk-text-small class in "Clear".
7. monitor.component.ts:
   a. Removed anything related to offcavnas events
   b. Added method "logIn()".
This commit is contained in:
Konstantina Galouni 2022-04-05 19:55:01 +03:00
parent e552bc1f30
commit ff4d2d2f95
2 changed files with 7 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/structure/offcanvas.css
View File

@ -1,7 +1,6 @@
:root {
--offcanvas-background-color: var(--default-color);
/*--offcanvas-shadow: var(--shadow-main);*/
--offcanvas-shadow: -15px -15px 20px rgb(255 255 255 / 30%), 15px 15px 20px rgb(0 0 0 / 10%);
--offcanvas-shadow: var(--shadow-main-dark);
}
.offcanvas-switcher {
@ -14,33 +13,24 @@
box-sizing: border-box;
right: 0;
z-index: 980;
background: var(--offcanvas-background-color);
border-radius: 6px 0px 0px 6px;
transition: .3s ease-out;
transition-property: right;
box-shadow: var(--offcanvas-shadow);
clip-path: inset(-30px 0px -30px -30px);
}
/* Uncomment this if you want to always see the switcher icon */
/*.offcanvas-switcher.open {*/
/* right: 550px;*/
/* z-index: 1001;*/
/*}*/
.offcanvas-switcher .offcanvas-count {
position: absolute;
top: 0;
left: 0;
font-size: 10px;
font-size: 12px;
line-height: 20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 20px;
width: 20px;
border-radius: 50%;
padding: 1px 8px;
padding: 1px;
background-color: var(--secondary-color);
color: var(--light-color);
}
@ -49,7 +39,7 @@
.offcanvas .uk-offcanvas-bar {
background-color: var(--offcanvas-background-color);
box-shadow: var(--offcanvas-shadow);
border-radius: 8px 0px 0px 8px;
border-radius: 4px 0px 0px 4px;
padding: 0;
width: 550px;
}

1
css/structure/shadow.css
View File

@ -1,5 +1,6 @@
:root {
--shadow-main: -15px -15px 20px rgb(255 255 255 / 30%), 15px 15px 20px rgb(0 0 0 / 10%);
--shadow-main-dark: -15px -15px 20px rgb(255 255 255 / 5%), 15px 15px 20px rgb(0 0 0 / 30%);
--shadow-button: -5px -5px 15px rgb(255 255 255 / 5%), 5px 5px 15px rgb(0 0 0 / 30%);
--shadow-inset: inset -3px -3px 6px rgb(255 255 255 / 90%), inset 3px 3px 6px rgb(0 0 0 / 10%);
--shadow-nav: 0 3px 6px 0 rgb(0 0 0 / 10%);