소스 검색

Merge pull request #34199 from overleaf/mj-tabs-divider-tweaks

[web] Drop dividers next to active tab

GitOrigin-RevId: 9610e22b0aa7f036233108282687772c30f4c1b0
Mathias Jakobsen 2 달 전
부모
커밋
5ad548e7d7
1개의 변경된 파일4개의 추가작업 그리고 3개의 파일을 삭제
  1. 4 3
      services/web/frontend/stylesheets/pages/editor/tabs.scss

+ 4 - 3
services/web/frontend/stylesheets/pages/editor/tabs.scss

@@ -48,7 +48,7 @@
   --tab-text-color: var(--content-secondary-themed);
 
   border-right: 1px solid var(--editor-tab-divider-color);
-  border-left: 1px solid var(--bg-secondary-themed);
+  border-left: 1px solid transparent;
   padding: var(--spacing-01) var(--spacing-02) 0 var(--spacing-02);
 
   &:first-child {
@@ -59,8 +59,9 @@
     padding-right: 0;
   }
 
-  &:last-child.tab-selected {
-    border-right-color: var(--bg-secondary-themed);
+  &.tab-selected,
+  &:has(+ .tab-selected) {
+    border-right-color: transparent;
   }
 
   .editor-file-tab-content {