Prevented tri-layout sidebars being faded on mobile

As mentoined in #1441

diff --git a/resources/assets/sass/_layout.scss b/resources/assets/sass/_layout.scss
index 4be6edb56f3632b2b2d76f9cc1627f4b8328c188..d9fff3c41caeecad7118f7c4d1c46108c265e978 100644 (file)
--- a/resources/assets/sass/_layout.scss
+++ b/resources/assets/sass/_layout.scss
@@ -257,10 +257,6 @@ body.flexbox {
       padding-left: $-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 > * {
       display: none;
       pointer-events: none;
@@ -298,6 +294,13 @@ body.flexbox {
   .tri-layout-mobile-tabs {
     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) {
@@ -305,12 +308,4 @@ body.flexbox {
     margin-left: 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;
-  }
 }
\ No newline at end of file