[SE] Update styles of embed worksheet list

ONLYOFFICE · Mar 11, 2024 · 5ac746d · 5ac746d
1 parent 9e3b3ad
commit 5ac746d
Showing 1 changed file with 37 additions and 43 deletions.
diff --git a/apps/spreadsheeteditor/embed/resources/less/application.less b/apps/spreadsheeteditor/embed/resources/less/application.less
@@ -4,53 +4,47 @@
 // Worksheets
 // -------------------------
 .viewer {
-    display: flex;
-    flex-direction: column;
-
-    .sdk-view {
-        position: relative;
-        flex-grow: 1;
-    }
+  display: flex;
+  flex-direction: column;
 
-    ul.worksheet-list {
-        flex-grow: 0;
-        flex-shrink: 0;
-        margin: 0;
-        padding: 0 9px;
-        border-top: 1px solid #5A5A5A;
-        border-bottom: 1px solid #BABABA;
-        #gradient > .vertical(#B6B6B6, #CACACA);
-        box-shadow: 0 4px 4px -4px #333 inset;
+  .sdk-view {
+    position: relative;
+    flex-grow: 1;
+  }
 
+  ul.worksheet-list {
+    margin: 0;
+    background-color: #F7F7F7;
+    display: flex;
+    padding: 0 0 0 24px;
+    white-space: nowrap;
+    box-shadow: inset 0 1px 0 #cacaca;
+    overflow: scroll;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
 
-        li {
-            float: left;
-            cursor: pointer;
-            list-style: none;
-            margin: 0 2px 2px 3px;
-            padding: 0 13px;
-            color: #FFFFFF;
-            #gradient > .vertical(#9A9A9A, #828282);
-            box-shadow: 0 4px 4px -4px #333 inset;
-            -webkit-border-bottom-right-radius: 4px;
-//                -moz-border-radius-bottomright: 4px;
-                    border-bottom-right-radius: 4px;
-             -webkit-border-bottom-left-radius: 4px;
-//                 -moz-border-radius-bottomleft: 4px;
-                     border-bottom-left-radius: 4px;
+    &::-webkit-scrollbar {
+      display: none;
+    }
 
-            border-bottom: 1px solid #929292;
-            border-top-color: transparent;
+    li {
+      display: inline-block;
+      border-radius: 0;
+      padding: 4px 10px 0;
+      line-height: 24px;
+      margin-right: -1px;
+      margin-left: 0;
+      border-top: 1px solid #cacaca;
+      border-right: 1px solid #cacaca;
+      border-left: 1px solid #cacaca;
+      color: rgba(0, 0, 0, 0.8);
 
-            &.active {
-                margin-top: -1px;
-                padding: 0 12px;
-                border: 1px solid #929292;
-                border-top-color: transparent;
-                background: #DDDDDD;
-                color: #000;
-                box-shadow: none;
-            }
-        }
+      &.active {
+        box-shadow: inset 0 4px 0 #49795d;
+        background-color: #DDDDDD;
+        color: #000;
+        font-weight: bold;
+      }
     }
+  }
 }