From: soufiane <soufiane@cubedesigners.com>
Date: Mon, 28 Jul 2025 15:42:13 +0000 (+0200)
Subject: wait #7634 @0:10
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=08d5bd63725471308084877adde71eccb3cec5d8;p=fluidbook-toolbox.git

wait #7634 @0:10
---

diff --git a/resources/markdowneditor/style/style.sass b/resources/markdowneditor/style/style.sass
index 91d418cb2..954b6fb7b 100644
--- a/resources/markdowneditor/style/style.sass
+++ b/resources/markdowneditor/style/style.sass
@@ -101,6 +101,7 @@ body
             flex: 1
             overflow: hidden auto
             width: 0
+            margin-right: 5px
 
         #markdown-panel-versions
             user-select: none
@@ -172,15 +173,13 @@ body
         z-index: 99
 
     &-container
-        position: relative
         width: calc(100% / 3)
         flex-shrink: 0
         align-items: center
         justify-content: center
         overflow: hidden
-
+        position: relative
         &.overtake
-            overflow: auto
             img
                 top: 0
                 left: 0
@@ -197,6 +196,11 @@ body
         display: flex
         align-items: center
         user-select: none
+        position: relative
+        height: 100%
+        overflow: auto
+        margin-right: 7px
+
 
     &-page
         width: 100%
@@ -231,3 +235,22 @@ input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button
     -webkit-appearance: none
     margin: 0
+
+@mixin tinyscrollbars
+    &::-webkit-scrollbar
+        width: 6px
+        height: 6px
+
+    &::-webkit-scrollbar-track
+        background: transparent
+
+    &::-webkit-scrollbar-thumb
+        background-color: #aaa
+        border-radius: 20px
+
+.toastui-editor-contents,
+.markdown-revision-panel,
+.markdown-wrapper,
+.ProseMirror,
+.toastui-editor-md-preview
+    @include tinyscrollbars