fix scrollbars being hidden when sidebar is disabled on firefox

+ rename components, to follow vue style guides
This commit is contained in:
geoffrey45
2022-09-28 08:35:26 +03:00
committed by Mungai Njoroge
parent 62b9aa7a3e
commit 6fb9c0fc4a
24 changed files with 34 additions and 49 deletions
+6 -3
View File
@@ -1,3 +1,5 @@
$g-border: solid 1px $gray5;
#app-grid {
display: grid;
grid-template-columns: min-content 1fr 29rem;
@@ -9,7 +11,7 @@
gap: 0 1.5rem;
height: 100%;
border: solid 1px $gray3;
border: $g-border;
border-top: none;
border-bottom: none;
margin: 0 auto;
@@ -26,7 +28,7 @@
.r-sidebar {
grid-area: r-sidebar;
border-left: solid 1px $gray3;
border-left: $g-border;
}
.topnav {
@@ -41,11 +43,12 @@
grid-template-rows: 1fr max-content;
// border-top: none !important;
// border-bottom: none !important;
border-right: solid 1px $gray3;
border-right: $g-border;
}
.b-bar {
grid-area: bottombar;
border-top: $g-border;
}
// ====== MODIFIERS =======
+3 -19
View File
@@ -14,23 +14,7 @@
}
}
// #app-grid.isSmall,
// #app-grid.disableSidebar {
// #acontent {
// margin-right: -$small;
// padding-right: $medium;
// .search-view {
// margin-right: -0.8rem;
// }
// }
// }
// #app-grid.isSmall #page-search {
// margin-right: $smaller;
// }
// #app-grid.disableSidebar #page-search {
// margin-right: $smaller;
// }
#app-grid.noSidebar > #acontent {
padding-right: 1rem !important;
}
}