header changes

dist/assets/a-doc-editor.css

@@ -119,20 +119,22 @@ canvas:focus-visible {
     overflow-x: auto;
     overflow-y: hidden;
 }
-.content-area .left-sidebar{
+
+.content-area .left-sidebar {
     width: 200px;
-    background-color:#408640;
+    background-color: #408640;
     padding: 5px;
 }
 
-.content-area .right-sidebar{
+.content-area .right-sidebar {
     width: 200px;
     background-color: #f5c468;
     padding: 5px;
 }
+
 .content-area .left-sidebar,
 .content-area .page-list,
-.content-area .right-sidebar{
+.content-area .right-sidebar {
     flex-shrink: 0;
     height: 100%;
     overflow-x: hidden;
@@ -143,15 +145,16 @@ canvas:focus-visible {
 }
 
 .left-sidebar .toggle-btn,
-.right-sidebar .toggle-btn{
+.right-sidebar .toggle-btn {
     display: block;
     position: static;
     top: 0;
     width: 100%;
     text-align: center;
 }
+
 .left-sidebar .content,
-.right-sidebar .content{
+.right-sidebar .content {
     opacity: 1;
     position: relative;
     left: 0%;
@@ -159,14 +162,15 @@ canvas:focus-visible {
 }
 
 .left-sidebar.hide,
-.right-sidebar.hide{
-    width: 50px;    
+.right-sidebar.hide {
+    width: 50px;
 }
 
 .left-sidebar.hide .content,
-.right-sidebar.hide .content{
+.right-sidebar.hide .content {
     opacity: 0;
 }
+
 .page-list {
     position: relative;
     display: block;
@@ -185,6 +189,7 @@ canvas:focus-visible {
     position: relative;
     margin-top: 20px;
     margin-bottom: 20px;
+    margin-right: 2px;
 }
 
 .footer {
@@ -198,10 +203,26 @@ canvas:focus-visible {
     0% {
         background: #fff;
     }
+
     50% {
         background: #ddd;
     }
+
     100% {
         background: #fff;
     }
+}
+
+*::-webkit-scrollbar {
+    background: transparent;
+}
+
+*::-webkit-scrollbar-track {
+    background-color: #00000022;
+    border-radius: 5px;
+}
+
+*::-webkit-scrollbar-thumb {
+    background: #7dbbb3;
+    border-radius: 5px;
 }
\ No newline at end of file