mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
Restyle toggle.
This commit is contained in:
parent
bf5aa5e253
commit
ecd81738cb
2 changed files with 8 additions and 27 deletions
|
@ -1,6 +1,9 @@
|
|||
#review-panel
|
||||
.review-panel-toolbar
|
||||
span.review-panel-toolbar-label(ng-click="reviewPanel.trackNewChanges = !reviewPanel.trackNewChanges;") Track Changes
|
||||
span.review-panel-toolbar-label(ng-click="reviewPanel.trackNewChanges = true;", ng-if="reviewPanel.trackNewChanges === false") Track Changes is
|
||||
strong off
|
||||
span.review-panel-toolbar-label(ng-click="reviewPanel.trackNewChanges = false;", ng-if="reviewPanel.trackNewChanges === true") Track Changes is
|
||||
strong on
|
||||
review-panel-toggle(ng-model="reviewPanel.trackNewChanges")
|
||||
|
||||
.rp-entry-list(
|
||||
|
|
|
@ -99,7 +99,8 @@
|
|||
.rp-size-expanded & {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.rp-state-current-file & {
|
||||
position: absolute;
|
||||
|
@ -618,33 +619,17 @@
|
|||
border-radius: .875em;
|
||||
transition: background .15s ease, border-color 0.15s ease;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
background-color: #FFF;
|
||||
border-radius: .875em;
|
||||
transition: background-color 0.15s ease, color 0.15s ease, left 0.15s ease;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: 'OFF';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 1px;
|
||||
font-size: .75em;
|
||||
font-weight: normal;
|
||||
line-height: 215%;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + .rp-toggle-btn {
|
||||
|
@ -655,13 +640,6 @@
|
|||
left: 50%;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: 'ON';
|
||||
left: 1px;
|
||||
right: auto;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue