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

Merge pull request #19484 from owncloud/ie8-checkbox-rage 

[IE8] Fix checkboxes in login page and file list
This commit is contained in:
Jörn Friedrich Dreyer 2015-10-02 08:58:16 +02:00
parent bf4c3ce134 287fbdf77a
commit 3dec30d0e0
2 changed files with 34 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
apps/files/css/files.css
View File

@ -411,20 +411,37 @@ table td.filename .uploadtext {
}
/* File checkboxes */
#fileList tr td.filename>.selectCheckBox + label:before {
html:not(.ie8) #fileList tr td.filename>.selectCheckBox + label:before {
opacity: 0;
position: absolute;
bottom: 4px;
right: 0;
z-index: 10;
}
html.ie8 #fileList tr td.filename>.selectCheckBox {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
float: left;
top: 0;
margin: 32px 0 4px 32px; /* bigger clickable area doesn’t work in FF width:2.8em; height:2.4em;*/
}
/* Show checkbox when hovering, checked, or selected */
#fileList tr:hover td.filename>.selectCheckBox + label:before,
#fileList tr:focus td.filename>.selectCheckBox + label:before,
#fileList tr td.filename>.selectCheckBox:checked + label:before,
#fileList tr.selected td.filename>.selectCheckBox + label:before {
html.ie8 #fileList tr:hover td.filename>.selectCheckBox,
html.ie8 #fileList tr:focus td.filename>.selectCheckBox,
html.ie8 #fileList tr td.filename>.selectCheckBox:checked,
html.ie8 #fileList tr.selected td.filename>.selectCheckBox,
html:not(.ie8) #fileList tr:hover td.filename>.selectCheckBox + label:before,
html:not(.ie8) #fileList tr:focus td.filename>.selectCheckBox + label:before,
html:not(.ie8) #fileList tr td.filename>.selectCheckBox:checked + label:before,
html:not(.ie8) #fileList tr.selected td.filename>.selectCheckBox + label:before {
opacity: 1;
}
html.ie8 #fileList tr:hover td.filename>.selectCheckBox,
html.ie8 #fileList tr:focus td.filename>.selectCheckBox,
html.ie8 #fileList tr td.filename>.selectCheckBox[checked=checked],
html.ie8 #fileList tr.selected td.filename>.selectCheckBox {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
@ -447,6 +464,7 @@ table td.filename .uploadtext {
.select-all + label {
top: 0;
}
.ie8 .select-all,
.select-all + label:before {
position: absolute;
top: 18px;

12
core/css/styles.css
View File

@ -159,6 +159,9 @@ textarea:hover, textarea:focus, textarea:active {
opacity: 1;
}
.ie8 input[type="checkbox"] { margin:0; padding:0; height:auto; width:auto; }
.ie8 input[type="checkbox"]:hover+label, input[type="checkbox"]:focus+label { color:#111 !important; }
/* ie8 doesn't support :checked */
html:not(.ie8) input[type="checkbox"].checkbox {
margin:0;
@ -657,6 +660,14 @@ label.infield {
padding-left: 28px;
vertical-align: middle;
}
html.ie8 #body-login form input[type="checkbox"]+label {
margin-left: -28px;
margin-top: -3px;
vertical-align: auto;
}
html.ie8 #body-login form input[type="checkbox"] {
margin-top: 5px;
}
#body-login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }
#body-login .success { background:#d7fed7; border:1px solid #0f0; width: 35%; margin: 30px auto; padding:1em; text-align: center;}
@ -852,7 +863,6 @@ label.infield {
}
#remember_login {
margin: 18px 5px 0 16px !important;
vertical-align: text-bottom;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: .7;
}