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

Restyle toggle.

Browse source
This commit is contained in:
Paulo Reis 2016-11-24 15:55:09 +00:00
parent bf5aa5e253
commit ecd81738cb
2 changed files with 8 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
services/web/app/views/project/editor/review-panel.jade
View file

@ -1,6 +1,9 @@
#review-panel #review-panel
.review-panel-toolbar .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") review-panel-toggle(ng-model="reviewPanel.trackNewChanges")
.rp-entry-list( .rp-entry-list(

30
services/web/public/stylesheets/app/editor/review-panel.less
View file

@ -99,7 +99,8 @@
.rp-size-expanded & { .rp-size-expanded & {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: space-between;
padding: 0 5px;
} }
.rp-state-current-file & { .rp-state-current-file & {
position: absolute; position: absolute;
@ -618,33 +619,17 @@
border-radius: .875em; border-radius: .875em;
transition: background .15s ease, border-color 0.15s ease; transition: background .15s ease, border-color 0.15s ease;
&::before,
&::after {
display: block;
width: 50%;
height: 100%;
}
&::before { &::before {
content: ''; content: '';
display: block; display: block;
width: 50%;
height: 100%;
position: relative; position: relative;
left: 0; left: 0;
background-color: #FFF; background-color: #FFF;
border-radius: .875em; border-radius: .875em;
transition: background-color 0.15s ease, color 0.15s ease, left 0.15s ease; 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 { &:checked + .rp-toggle-btn {
@ -655,13 +640,6 @@
left: 50%; left: 50%;
background-color: #FFF; background-color: #FFF;
} }
&::after {
content: 'ON';
left: 1px;
right: auto;
color: #FFF;
}
} }
} }