wait #7634 @0:10

diff --git a/resources/markdowneditor/style/style.sass b/resources/markdowneditor/style/style.sass
index 91d418cb2715cbc4b0bbfaba3a28cc0ecb29dde6..954b6fb7b0f542ebaa92551189cdb6e4a2de58f7 100644 (file)
--- 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