Просмотр исходного кода

Remove border from editor switcher (#6892)

GitOrigin-RevId: c48b348c3840fa0439a7a656b8c33a8c96c20ea5
Alf Eaton 4 лет назад
Родитель
Сommit
a83c0b4085
1 измененных файлов с 7 добавлено и 5 удалено
  1. 7 5
      services/web/frontend/stylesheets/app/editor/toolbar.less

+ 7 - 5
services/web/frontend/stylesheets/app/editor/toolbar.less

@@ -261,8 +261,6 @@
   align-items: center;
   height: 24px;
   margin-right: 5px;
-  background-color: @toggle-switch-bg;
-  border: 2px solid @toggle-switch-bg;
   border-radius: @btn-border-radius-base;
   overflow: hidden;
 }
@@ -281,7 +279,8 @@
   overflow: hidden;
 
   span {
-    display: block;
+    display: flex;
+    align-items: center;
     height: 100%;
     line-height: 20px; // parent height minus border
     width: 100%;
@@ -323,14 +322,13 @@
 
   .toggle-switch {
     margin-left: 5px;
-    border: 1px solid #cdd0d6;
   }
 
   .toggle-switch-label span {
     padding: 1px 6px;
     background: none;
     transition: background 0.12s ease-out;
-    border-right: 1px solid #cdd0d6;
+    border-right: 1px solid @ol-blue-gray-2;
   }
 
   .toggle-switch-label:first-of-type span {
@@ -342,6 +340,10 @@
     border-right: none;
   }
 
+  .toggle-switch-input + .toggle-switch-label {
+    background: @toggle-switch-bg;
+  }
+
   .toggle-switch-input:checked + .toggle-switch-label {
     background: @toggle-switch-highlight-color;
   }