Merge branch 'master' into splash-screen-3-Anh-En-Hua

1 files changed, 19 insertions, 10 deletions

diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.scss b/src/client/views/nodes/formattedText/FormattedTextBox.scss
index 3cedab1a4..27817f317 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.scss
@@ -67,13 +67,27 @@ audiotag:hover {
 .formattedTextBox-sidebar-handle {
     position: absolute;
     top: 0;
+    left: 17px;
     //top: calc(50% - 17.5px);  // use this to center vertically -- make sure it looks okay for slide views
-    width: 10px;
-    height: 100%;
-    max-height: 35px;
-    background: lightgray;
-    border-radius: 20px;
+    width: 17px;
+    height: 17px;
+    font-size: 11px;
+    border-radius: 3px;
+    color: white;
+    background: $medium-gray;
+    border-radius: 5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     cursor:grabbing;
+    box-shadow: $standard-box-shadow;
+    // transition: 0.2s;
+    opacity: 0.3;
+    &:hover{
+        opacity: 1 !important;
+        filter: brightness(0.85);
+    }
+
 }
 
 .formattedTextBox-sidebar,
@@ -414,12 +428,7 @@ footnote::after {
     
     .formattedTextBox-sidebar-handle {
         position: absolute;
-        top: 0;
-        //top: calc(50% - 17.5px);  // use this to center vertically -- make sure it looks okay for slide views
-        width: 10px;
-        height: 35px;
         background: lightgray;
-        border-radius: 20px;
         cursor: grabbing;
     }