From 7ccd02ec952193fe61505e9ceafe5b96649e26fb Mon Sep 17 00:00:00 2001 From: Raghu Nayyar Date: Sat, 12 Sep 2015 20:01:00 +0530 Subject: [PATCH] Fixes white and black checkboxes in core, files will be next. --- apps/files/css/files.css | 1 + core/css/styles.css | 26 +++++++++++++++++++++----- core/templates/login.php | 2 +- 3 files changed, 23 insertions(+), 6 deletions(-) diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 05033dc2fed..b3652c128b3 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -446,6 +446,7 @@ table td.filename .uploadtext { /* Use label to have bigger clickable size for checkbox */ #fileList tr td.filename>.selectCheckBox + label, .select-all + label { + background-position: 30px 30px; height: 50px; position: absolute; width: 50px; diff --git a/core/css/styles.css b/core/css/styles.css index 570e5019dc7..2d1a4517f07 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -167,13 +167,29 @@ input[type="checkbox"] { } input[type="checkbox"] + label { - background: url('../img/actions/checkbox.svg') bottom right no-repeat; - opacity: 0.5; + background: url('../img/actions/checkbox.svg') no-repeat; + opacity: 0.7; +} + +input[type="checkbox"] + label.white { + background: url('../img/actions/checkbox-white.svg') no-repeat; } input[type="checkbox"]:checked + label { - background: url('../img/actions/checkbox-checked.svg') bottom right no-repeat; - opacity: 0.5; + background: url('../img/actions/checkbox-checked.svg') no-repeat; + opacity: 0.7; +} + +input[type="checkbox"]:checked + label.white { + background: url('../img/actions/checkbox-checked-white.svg') no-repeat; +} + +input[type="checkbox"] + label, +input[type="checkbox"] + label.white, +input[type="checkbox"]:checked + label, +input[type="checkbox"]:checked + label.white { + background-position: left; + padding-left: 20px; } input[type="checkbox"]:hover+label, input[type="checkbox"]:focus+label { color:#111 !important; } @@ -631,7 +647,6 @@ label.infield { margin: 0; padding: 14px; padding-left: 28px; - margin-left: -28px; vertical-align: middle; } #body-login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; } @@ -831,6 +846,7 @@ label.infield { opacity: .7; } #body-login .remember-login-container { + margin-top: 10px; text-align: center; } diff --git a/core/templates/login.php b/core/templates/login.php index 513988876e1..69d0b033e95 100644 --- a/core/templates/login.php +++ b/core/templates/login.php @@ -67,7 +67,7 @@ script('core', [
- +