autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: new header and left-menu

Browse Source
This commit is contained in:
gaelle morin
2021-04-01 07:10:59 +02:00
parent 1438c73c2f
commit bc0b8c3e04
23 changed files with 270 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/styles/content/_index.scss
View File

@ -1,9 +1,5 @@
main {
height: calc(100vh - 72px);
@media (max-width: 768px) {
height: calc(100vh - 50px);
}
height: 100vh;
}
/* Styles of the right-hand menu + pages with that menu */
@ -34,12 +30,11 @@ main {
.sidebar {
background: #F1F1F1;
height: calc(100vh - 72px);
height: calc(100vh - 50px);
transition: all 0.5s;
width: 217px;
@media (max-width: 768px) {
height: calc(100vh - 50px);
width: 65px;
}
@ -110,17 +105,17 @@ main {
}
}
/* Add scrollbar to the left and to the content */
/* Add scrollbar to the left menu and to the content */
.scrollbar-nav,
.scrollbar-content {
overflow-y: auto;
height: calc(100vh - 72px); /* 72px == header's height */
height: calc(100vh - 50px); /* 50px == header's height */
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
@media (max-width: 768px) {
height: calc(100vh - 50px);
}
.scrollbar-nav {
height: 100vh;
}
/* Custom scrollbar of the left-menu*/