mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-26 20:22:18 +00:00
Prevented tri-layout sidebars being faded on mobile
As mentoined in #1441
This commit is contained in:
parent
3ad1b42a74
commit
5aa741cb60
@ -257,10 +257,6 @@ body.flexbox {
|
|||||||
padding-left: $-m;
|
padding-left: $-m;
|
||||||
padding-right: $-m;
|
padding-right: $-m;
|
||||||
}
|
}
|
||||||
.tri-layout-right-contents > div, .tri-layout-left-contents > div {
|
|
||||||
opacity: 0.6;
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
.tri-layout-left > *, .tri-layout-right > * {
|
.tri-layout-left > *, .tri-layout-right > * {
|
||||||
display: none;
|
display: none;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
@ -298,6 +294,13 @@ body.flexbox {
|
|||||||
.tri-layout-mobile-tabs {
|
.tri-layout-mobile-tabs {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.tri-layout-left-contents > div, .tri-layout-right-contents > div {
|
||||||
|
opacity: 0.6;
|
||||||
|
transition: opacity ease-in-out 120ms;
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include smaller-than($m) {
|
@include smaller-than($m) {
|
||||||
@ -305,12 +308,4 @@ body.flexbox {
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.tri-layout-left-contents > div, .tri-layout-right-contents > div {
|
|
||||||
opacity: 0.6;
|
|
||||||
transition: opacity ease-in-out 120ms;
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user