diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-02-14 19:32:39 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-02-14 19:32:39 +0100 |
| commit | 9f74858537377d1aae6cf8b7530c9faa987cf8ff (patch) | |
| tree | 3866239404fdf9c0d5c5601d201331c2187e55c3 /core | |
| parent | c5dffc465cbaef7c58d0ef4d9c322c0a597e8aed (diff) | |
| parent | 8d5bb0b9088e180d8b064d030059eb2196036221 (diff) | |
| download | nextcloud-server-9f74858537377d1aae6cf8b7530c9faa987cf8ff.tar.gz nextcloud-server-9f74858537377d1aae6cf8b7530c9faa987cf8ff.zip | |
Merge pull request #3341 from nextcloud/transparent-white-checkbox
Transparent white checkbox
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/inputs.scss | 12 | ||||
| -rw-r--r-- | core/img/actions/checkbox-mark-white.svg | 5 | ||||
| -rw-r--r-- | core/img/actions/checkbox-mixed-white.svg | 5 |
3 files changed, 14 insertions, 8 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index f7b9cdb723c..faddcc50214 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -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 @@ -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 { diff --git a/core/img/actions/checkbox-mark-white.svg b/core/img/actions/checkbox-mark-white.svg index 8407898164b..1441e8666fb 100644 --- a/core/img/actions/checkbox-mark-white.svg +++ b/core/img/actions/checkbox-mark-white.svg @@ -1 +1,4 @@ -<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M11.924 4.066l-4.932 4.97-2.828-2.83L2.75 7.618l4.242 4.243 6.365-6.365-1.433-1.432z"/></svg>
\ No newline at end of file +<?xml version="1.0" encoding="UTF-8"?> +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m0 0v16h16v-16h-16zm11.924 4.0664l1.4336 1.4297-6.3652 6.3652-4.2422-4.2441 1.4141-1.4121 2.8281 2.8301 4.9316-4.9688z" fill="#fff"/> +</svg> diff --git a/core/img/actions/checkbox-mixed-white.svg b/core/img/actions/checkbox-mixed-white.svg index c66636717be..6909d0fc04c 100644 --- a/core/img/actions/checkbox-mixed-white.svg +++ b/core/img/actions/checkbox-mixed-white.svg @@ -1 +1,4 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 7v2h8V7H4z"/></svg>
\ No newline at end of file +<?xml version="1.0" encoding="UTF-8"?> +<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m0 0v16h16v-16h-16zm4 7h8v2h-8v-2z" fill="#fff"/> +</svg> |
