cerebrate-project
/
cerebrate
mirror of https://github.com/cerebrate-project/cerebrate
1
0
Fork 0
Code Issues Releases Wiki Activity

chg: [layout:sidebar] overlay when hovering the sidebar

pull/72/head
mokaddem 2021-09-08 14:47:47 +02:00
parent 38944a3b42
commit daf7e10187
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webroot/css/layout.css
View File

@ -52,6 +52,24 @@ main.content {
.sidebar.expanded ~ main.content { .sidebar.expanded ~ main.content {
margin-left: var(--sidebar-width-expanded); margin-left: var(--sidebar-width-expanded);
}
.sidebar ~ main.content:after {
z-index: 1500;
content: ' ';
transition: opacity 0.5s;
position: fixed;
top:0;
left:0;
background:#000;
opacity: 0;
}
.sidebar:hover:not(.expanded) ~ main.content:after {
bottom: 0;
right:0;
opacity: 0.5;
} }
.left-navbar { .left-navbar {