X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/02d140120ac6c00987ec536ad9adb4250aeeb3d8..refs/pull/5349/head:/resources/sass/_pages.scss

diff --git a/resources/sass/_pages.scss b/resources/sass/_pages.scss
index c06eca6d2..426f7961c 100755
--- a/resources/sass/_pages.scss
+++ b/resources/sass/_pages.scss
@@ -2,13 +2,11 @@
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  overflow: hidden;
 
   .edit-area {
     flex: 1;
     flex-direction: column;
     z-index: 10;
-    overflow: hidden;
     border-radius: 0 0 8px 8px;
   }
 
@@ -37,12 +35,15 @@
 }
 
 @include larger-than($xxl) {
+  .page-editor-wysiwyg2024 .page-edit-toolbar,
+  .page-editor-wysiwyg2024 .page-editor-page-area,
   .page-editor-wysiwyg .page-edit-toolbar,
   .page-editor-wysiwyg .page-editor-page-area {
     max-width: 1140px;
   }
 
-  .page-editor-wysiwyg .floating-toolbox {
+  .page-editor-wysiwyg .floating-toolbox,
+  .page-editor-wysiwyg2024 .floating-toolbox {
     position: absolute;
   }
 }
@@ -115,7 +116,7 @@ body.tox-fullscreen, body.markdown-fullscreen {
   width: 52px;
   height: 52px;
   font-size: 26px;
-  right: $-xs;
+  inset-inline-end: $-xs;
   bottom: $-s;
   box-shadow: $bs-hover;
   background-color: currentColor;
@@ -170,8 +171,8 @@ body.tox-fullscreen, body.markdown-fullscreen {
     display: block;
     transform: rotate(45deg);
     transform-origin: 50% 50%;
-    border-block-end: 1px solid #CCC;
-    border-inline-end: 1px solid #CCC;
+    border-right: 1px solid #CCC;
+    border-bottom: 1px solid #CCC;
     z-index: 56;
     @include lightDark(background-color, #fff, #333);
     @include lightDark(border-color, #ccc, #000);
@@ -224,7 +225,7 @@ body.tox-fullscreen, body.markdown-fullscreen {
   border-radius: 8px;
   box-shadow: $bs-card;
   margin-bottom: auto;
-  margin-left: $-l;
+  margin-inline-start: $-l;
   position: relative;
   &.open {
     position: relative;
@@ -252,11 +253,11 @@ body.tox-fullscreen, body.markdown-fullscreen {
     position: relative;
   }
   .tabs {
-    border-right: 1px solid #DDD;
-    @include lightDark(border-right-color, #DDD, #000);
+    border-inline-end: 1px solid #DDD;
+    @include lightDark(border-inline-end-color, #DDD, #000);
     width: 40px;
     flex: 0 1 auto;
-    margin-right: -1px;
+    margin-inline-end: -1px;
   }
   .tabs-inner {
     @include lightDark(background-color, #FFFFFF, #222);
@@ -325,7 +326,7 @@ body.tox-fullscreen, body.markdown-fullscreen {
 
 @include smaller-than($xxl) {
   .floating-toolbox {
-    margin-left: $-s;
+    margin-inline-start: $-s;
   }
 }
 
@@ -334,7 +335,7 @@ body.tox-fullscreen, body.markdown-fullscreen {
     margin: 4px !important;
   }
   .floating-toolbox {
-    margin-left: 4px;
+    margin-inline-start: 4px;
   }
   .floating-toolbox .tabs {
     width: 32px;