Fixes white and black checkboxes in core, files will be next.

This commit is contained in:
Raghu Nayyar 2015-09-12 20:01:00 +05:30 committed by Jan-Christoph Borchardt
parent a7b27433ef
commit 7ccd02ec95
3 changed files with 23 additions and 6 deletions

View File

@ -446,6 +446,7 @@ table td.filename .uploadtext {
/* Use label to have bigger clickable size for checkbox */ /* Use label to have bigger clickable size for checkbox */
#fileList tr td.filename>.selectCheckBox + label, #fileList tr td.filename>.selectCheckBox + label,
.select-all + label { .select-all + label {
background-position: 30px 30px;
height: 50px; height: 50px;
position: absolute; position: absolute;
width: 50px; width: 50px;

View File

@ -167,13 +167,29 @@ input[type="checkbox"] {
} }
input[type="checkbox"] + label { input[type="checkbox"] + label {
background: url('../img/actions/checkbox.svg') bottom right no-repeat; background: url('../img/actions/checkbox.svg') no-repeat;
opacity: 0.5; opacity: 0.7;
}
input[type="checkbox"] + label.white {
background: url('../img/actions/checkbox-white.svg') no-repeat;
} }
input[type="checkbox"]:checked + label { input[type="checkbox"]:checked + label {
background: url('../img/actions/checkbox-checked.svg') bottom right no-repeat; background: url('../img/actions/checkbox-checked.svg') no-repeat;
opacity: 0.5; 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; } input[type="checkbox"]:hover+label, input[type="checkbox"]:focus+label { color:#111 !important; }
@ -631,7 +647,6 @@ label.infield {
margin: 0; margin: 0;
padding: 14px; padding: 14px;
padding-left: 28px; padding-left: 28px;
margin-left: -28px;
vertical-align: middle; vertical-align: middle;
} }
#body-login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; } #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; opacity: .7;
} }
#body-login .remember-login-container { #body-login .remember-login-container {
margin-top: 10px;
text-align: center; text-align: center;
} }

View File

@ -67,7 +67,7 @@ script('core', [
<?php if ($_['rememberLoginAllowed'] === true) : ?> <?php if ($_['rememberLoginAllowed'] === true) : ?>
<div class="remember-login-container"> <div class="remember-login-container">
<input type="checkbox" name="remember_login" value="1" id="remember_login"> <input type="checkbox" name="remember_login" value="1" id="remember_login">
<label for="remember_login"><?php p($l->t('remember')); ?></label> <label for="remember_login" class="white"><?php p($l->t('remember')); ?></label>
</div> </div>
<?php endif; ?> <?php endif; ?>
<input type="hidden" name="timezone-offset" id="timezone-offset"/> <input type="hidden" name="timezone-offset" id="timezone-offset"/>