]> BookStack Code Mirror - bookstack/blobdiff - resources/sass/_layout.scss
Fixed OIDC Logout
[bookstack] / resources / sass / _layout.scss
index a8604b81b18240edf43f32a2f0965d61b571f3d9..503298fccbd7ecfc7a5de5265bcbd92c22ee02b3 100644 (file)
@@ -304,7 +304,7 @@ body.flexbox {
 
 .screen-reader-only {
   position: absolute;
-  left: -10000px;
+  inset-inline-start: -10000px;
   top: auto;
   width: 1px;
   height: 1px;
@@ -353,7 +353,7 @@ body.flexbox {
   margin-inline-end: $-xl;
   grid-template-columns: 1fr 4fr 1fr;
   grid-template-areas: "a b c";
-  grid-column-gap: $-xxl;
+  grid-column-gap: $-xl;
   .tri-layout-right {
     grid-area: c;
     min-width: 0;
@@ -378,6 +378,14 @@ body.flexbox {
     padding-inline-end: $-l;
   }
 }
+@include between($xxl, $xxxl) {
+  .tri-layout-container {
+    grid-template-columns: 1fr calc(940px + (2 * $-m)) 1fr;
+    grid-column-gap: $-s;
+    margin-inline-start: $-m;
+    margin-inline-end: $-m;
+  }
+}
 @include between($l, $xxl) {
   .tri-layout-left {
     position: sticky;