mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Going back to svg for the checkmark and the mixed mark 

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-01-21 19:05:20 +01:00
parent 05f3990616
commit f68ff25cc0
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
1 changed files with 13 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
core/css/inputs.scss
View File

@ -205,6 +205,7 @@ input {
vertical-align: middle;
border-radius: 50%;
margin: 3px;
margin-top: 1px;
border: 1px solid #888;
}
&:not(:disabled):not(:checked) + label:hover:before,
@ -231,35 +232,16 @@ input {
&.checkbox {
+ label:before {
border-radius: 1px;
height: 11px;
width: 11px;
height: 10px;
width: 10px;
box-shadow: none !important;
background-position: center;
}
&:checked + label,
&:indeterminate + label {
position: relative;
&:checked + label:before {
background-image: url('../img/actions/checkbox-mark.svg');
}
&:checked + label:after,
&:indeterminate + label:after {
content: '';
display: inline-block;
position: absolute;
}
&:checked + label:after {
width: 7px;
height: 3px;
border: 1px solid #fff;
top: 7px;
left: 5px;
border-width: 0 0 2px 2px;
transform: rotate(-45deg);
}
&:indeterminate + label:after {
width: 9px;
height: 3px;
top: 9px;
left: 5px;
background-color: #fff;
&:indeterminate + label:before {
background-image: url('../img/actions/checkbox-mixed.svg');
}
&:indeterminate:disabled + label:before {
border-color: #888;
@ -293,15 +275,15 @@ input {
}
}
&.checkbox--white {
&:checked + label:after {
border-color: #000;
&:checked + label:before {
background-image: url('../img/actions/checkbox-mark.svg');
}
&:indeterminate + label:before {
background-image: url('../img/actions/checkbox-mixed.svg');
}
&:checked:disabled + label:after {
border-color: #aaa;
}
&:indeterminate + label:after {
background-color: #000;
}
&:indeterminate:disabled + label:after {
background-color: #aaa;
}