github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Remove border from editor switcher (#6892)

Browse source 
GitOrigin-RevId: c48b348c3840fa0439a7a656b8c33a8c96c20ea5
This commit is contained in:
Alf Eaton 2022-02-28 11:36:34 +00:00 committed by Copybot
parent 92316a2266
commit a83c0b4085
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
services/web/frontend/stylesheets/app/editor/toolbar.less
View file

@ -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;
}