mirror of
https://github.com/documize/community.git
synced 2025-07-27 09:09:44 +02:00
Ensure modals in sidebar show in main view
z-index shenanigans to ensure modals rooted in position:fixed sidebar appear correct centered over main view.
This commit is contained in:
parent
05a1db9d8a
commit
42db78ce14
1 changed files with 12 additions and 8 deletions
|
@ -1,4 +1,5 @@
|
||||||
// CSS GRID WITH FIXED SIDEBAR OUTSIDE GRID
|
// CSS GRID WITH FIXED SIDEBAR OUTSIDE GRID
|
||||||
|
|
||||||
// Mobile-first layout
|
// Mobile-first layout
|
||||||
.master-container {
|
.master-container {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -18,6 +19,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
z-index: 1041;
|
||||||
|
|
||||||
.master-navbar {
|
.master-navbar {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -38,9 +40,15 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
> .nav-options {
|
> .nav-options {
|
||||||
|
> .selected {
|
||||||
|
> .dicon, > .name {
|
||||||
|
color: $theme-400 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> .option {
|
> .option {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: block;
|
display: inline-block;
|
||||||
|
|
||||||
> .dicon {
|
> .dicon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -53,10 +61,6 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .selected {
|
|
||||||
// background-color: $theme-400;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> .meta {
|
> .meta {
|
||||||
|
@ -241,15 +245,15 @@
|
||||||
display: block;
|
display: block;
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
padding: 25px 0 10px 0;
|
padding: 15px 0 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0 0 10px 0;
|
padding: 0 0 15px 0;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: white;
|
color: $color-white;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue