at the end of the day, it was inevitable
This commit is contained in:
@@ -0,0 +1,133 @@
|
||||
// Fixed Sidebar
|
||||
|
||||
.fixed-sidebar {
|
||||
.app-sidebar {
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.app-main {
|
||||
.app-main__outer {
|
||||
z-index: 9;
|
||||
padding-inline-start: $app-sidebar-width;
|
||||
}
|
||||
}
|
||||
|
||||
&.fixed-header {
|
||||
.app-sidebar {
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.fixed-header) {
|
||||
.app-sidebar {
|
||||
.app-header__logo {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header {
|
||||
margin-inline-start: $app-sidebar-width;
|
||||
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-main {
|
||||
//z-index: 12;
|
||||
}
|
||||
}
|
||||
|
||||
&.closed-sidebar {
|
||||
&:not(.fixed-header) {
|
||||
.app-header {
|
||||
margin-inline-start: $app-sidebar-width-collapsed;
|
||||
}
|
||||
|
||||
.app-sidebar {
|
||||
.app-header__logo {
|
||||
width: $app-sidebar-width-collapsed;
|
||||
padding: 0;
|
||||
|
||||
.logo-src {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__pane {
|
||||
margin-inline-end: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Right to Left language
|
||||
|
||||
[dir='rtl'] .fixed-sidebar {
|
||||
.app-sidebar {
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.app-main {
|
||||
.app-main__outer {
|
||||
z-index: 9;
|
||||
padding-right: $app-sidebar-width;
|
||||
}
|
||||
}
|
||||
|
||||
&.fixed-header {
|
||||
.app-sidebar {
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.fixed-header) {
|
||||
.app-sidebar {
|
||||
.app-header__logo {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header {
|
||||
margin-right: $app-sidebar-width;
|
||||
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-main {
|
||||
//z-index: 12;
|
||||
}
|
||||
}
|
||||
|
||||
&.closed-sidebar {
|
||||
&:not(.fixed-header) {
|
||||
.app-header {
|
||||
margin-right: $app-sidebar-width-collapsed;
|
||||
}
|
||||
|
||||
.app-sidebar {
|
||||
.app-header__logo {
|
||||
width: $app-sidebar-width-collapsed;
|
||||
padding: 0;
|
||||
|
||||
.logo-src {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__pane {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user