Restyle toggle.

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

View file

@ -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(

View file

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