Skip to content

Commit

Permalink
Merge pull request #3341 from nextcloud/transparent-white-checkbox
Browse files Browse the repository at this point in the history
Transparent white checkbox
  • Loading branch information
jancborchardt authored Feb 14, 2017
2 parents c5dffc4 + 8d5bb0b commit 9f74858
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 8 deletions.
12 changes: 6 additions & 6 deletions core/css/inputs.scss
Original file line number Diff line number Diff line change
Expand Up @@ -265,16 +265,13 @@ input {
&.radio--white,
&.checkbox--white {
+ label:before {
border-color: #aaa;
border-color: #ddd;
}
&:not(:disabled):not(:checked) + label:hover:before,
&:focus + label:before {
border-color: #fff;
}
&:checked + label:before,
&.checkbox:indeterminate + label:before {
/* ^ :indeterminate have a strange behavior on radio,
so we respecified the checkbox class again to be safe */
&:checked + label:before {
box-shadow: inset 0px 0px 0px 2px #000;
background-color: #eee;
border-color: #eee
Expand All @@ -290,7 +287,10 @@ input {
}
}
&.checkbox--white {
&:checked + label:before {
&:checked + label:before,
&:indeterminate + label:before {
background-color: transparent !important; /* Override default checked */
border-color: #fff !important; /* Override default checked */
background-image: url('../img/actions/checkbox-mark-white.svg');
}
&:indeterminate + label:before {
Expand Down
5 changes: 4 additions & 1 deletion core/img/actions/checkbox-mark-white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 4 additions & 1 deletion core/img/actions/checkbox-mixed-white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 9f74858

Please sign in to comment.