From b8a6bca2d3fa27a8cf7d481ba8e442e4185e74ef Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 10:40:23 +0100 Subject: [PATCH 1/7] always show checkbox when selected, also in IE8, fix #1621 --- apps/files/css/files.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 1dae49c1cf4..dfc2e4c0e2f 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -87,9 +87,14 @@ table td.filename .nametext, .uploadtext, .modified { float:left; padding:.3em 0 table td.filename .nametext { overflow:hidden; text-overflow:ellipsis; } table td.filename .uploadtext { font-weight:normal; margin-left:.5em; } table td.filename form { font-size:.85em; margin-left:3em; margin-right:3em; } + +/* File checkboxes */ #fileList tr td.filename>input[type="checkbox"]:first-child { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; float:left; margin:.7em 0 0 1em; /* bigger clickable area doesn’t work in FF width:2.8em; height:2.4em;*/ -webkit-transition:opacity 200ms; -moz-transition:opacity 200ms; -o-transition:opacity 200ms; transition:opacity 200ms; } #fileList tr td.filename>input[type="checkbox"]:hover:first-child { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; } +/* Always show checkbox when selected */ #fileList tr td.filename>input[type="checkbox"]:checked:first-child { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } +#fileList tr.selected td.filename>input[type="checkbox"]:first-child { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } + #fileList tr td.filename { position:relative; width:100%; -webkit-transition:background-image 500ms; -moz-transition:background-image 500ms; -o-transition:background-image 500ms; transition:background-image 500ms; From 09d9138f841a19e417d8a8531fa591a1801db7b8 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 10:58:05 +0100 Subject: [PATCH 2/7] fix caret on installation page for IE --- core/templates/installation.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/templates/installation.php b/core/templates/installation.php index cef979c2ab6..ae97296abae 100644 --- a/core/templates/installation.php +++ b/core/templates/installation.php @@ -49,7 +49,7 @@
- t( 'Advanced' ); ?> ▾ + t( 'Advanced' ); ?>
From f9a6ed6c73bd4f20cb7a504aa9c20e95fe860d7f Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 10:59:30 +0100 Subject: [PATCH 3/7] fix navigation icons SVG replacement, also hover and active opacity for IE --- core/css/styles.css | 25 +++++++++++++++---------- core/templates/layout.user.php | 2 +- 2 files changed, 16 insertions(+), 11 deletions(-) diff --git a/core/css/styles.css b/core/css/styles.css index b41c205c21b..c88a45fd464 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -151,7 +151,7 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b #adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; } #adminlogin+label+img, #adminpass-icon, #user+label+img, #password-icon { position:absolute; left:1.25em; top:1.65em; - opacity:.3; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:.3; } #adminpass-icon, #password-icon { top:1.1em; } input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; } @@ -191,10 +191,11 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; } #show { position:absolute; right:1em; top:.8em; float:right; } #show, #personal-show { display:none; } #show + label { right:1em; top:1.25em!important; } -#show:checked + label, #personal-show:checked + label { opacity:.8; } +#show:checked + label, #personal-show:checked + label { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; } #show + label, #personal-show + label { position:absolute!important; height:14px; width:24px; - background-image:url("../img/actions/toggle.png"); background-repeat:no-repeat; opacity:.3; + background-image:url("../img/actions/toggle.png"); background-repeat:no-repeat; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:.3; } #pass2, input[name="personal-password-clone"] { padding:0.6em 2.5em 0.4em 0.4em; width:8em;} #personal-show + label { margin-top:1em; margin-left:-3em; } @@ -234,25 +235,29 @@ fieldset.warning a { color:#b94a48 !important; font-weight:bold; } #navigation a { display:block; padding:8px 0 4px; text-decoration:none; font-size:10px; text-align:center; - color:#fff; text-shadow:#000 0 -1px 0; opacity:.5; + color:#fff; text-shadow:#000 0 -1px 0; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; // ellipsize long app names } - #navigation a:hover, #navigation a:focus { opacity:.8; } - #navigation a.active { opacity:1; } + #navigation a:hover, #navigation a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; } + #navigation a.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } #navigation .icon { display:block; width:32px; height:32px; margin:0 16px 0; } #navigation li:first-child a { padding-top:16px; } #settings { float:right; margin-top:7px; color:#bbb; text-shadow:0 -1px 0 #000; } #expand { padding:15px; cursor:pointer; font-weight:bold; } #expand:hover, #expand:focus, #expand:active { color:#fff; } -#expand img { opacity:.7; margin-bottom:-2px; } -#expand:hover img, #expand:focus img, #expand:active img { opacity:1; } +#expand img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7; margin-bottom:-2px; } +#expand:hover img, #expand:focus img, #expand:active img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } #expanddiv { position:absolute; right:0; top:45px; z-index:76; display:none; background-color:#444; border-bottom-left-radius:7px; box-shadow: 0 0 20px rgb(29,45,68); } - #expanddiv a { display:block; color:#fff; text-shadow:0 -1px 0 #000; padding:0 8px; opacity:.7; } + #expanddiv a { + display:block; color:#fff; text-shadow:0 -1px 0 #000; padding:0 8px; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);opacity:.7; + } #expanddiv a img { margin-bottom:-3px; } - #expanddiv a:hover, #expanddiv a:focus, #expanddiv a:active { opacity:1; } + #expanddiv a:hover, #expanddiv a:focus, #expanddiv a:active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } /* VARIOUS REUSABLE SELECTORS */ diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php index c8b580b5fd9..282c3b20f68 100644 --- a/core/templates/layout.user.php +++ b/core/templates/layout.user.php @@ -61,7 +61,7 @@
  • class="active"> - +
    • From e8190c6511113e2602476cc8ba35c73d8ee39fc0 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 13:01:51 +0100 Subject: [PATCH 4/7] fix user delete button not showing in IE, another SVG replacement issue --- settings/templates/users.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/settings/templates/users.php b/settings/templates/users.php index 09a6ae72806..53a66fb4686 100644 --- a/settings/templates/users.php +++ b/settings/templates/users.php @@ -159,7 +159,7 @@ $_['subadmingroups'] = array_flip($items); - + From 53a3a307e8f7040e0a9f7f87648eedf03100ba11 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 15:47:14 +0100 Subject: [PATCH 5/7] no ugly border around checkboxes or radio buttons --- core/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/css/styles.css b/core/css/styles.css index c88a45fd464..34f1d388c13 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -34,7 +34,7 @@ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', endC /* INPUTS */ input[type="text"], input[type="password"] { cursor:text; } -input, textarea, select, button, .button, #quota, div.jp-progress, .pager li a { +input:not([type="checkbox"]):not([type="radio"]), textarea, select, button, .button, #quota, div.jp-progress, .pager li a { width:10em; margin:.3em; padding:.6em .5em .4em; font-size:1em; font-family:Arial, Verdana, sans-serif; background:#fff; color:#333; border:1px solid #ddd; outline:none; From 1edfe874f5a3971a31fe8bc586cdbc56273570e8 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 15:53:36 +0100 Subject: [PATCH 6/7] only style text, password and search inputs like inputs, instead of using unsupported :not selector --- core/css/styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/core/css/styles.css b/core/css/styles.css index 34f1d388c13..5662e508767 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -34,7 +34,8 @@ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', endC /* INPUTS */ input[type="text"], input[type="password"] { cursor:text; } -input:not([type="checkbox"]):not([type="radio"]), textarea, select, button, .button, #quota, div.jp-progress, .pager li a { +input[type="text"], input[type="password"], input[type="search"], +textarea, select, button, .button, #quota, div.jp-progress, .pager li a { width:10em; margin:.3em; padding:.6em .5em .4em; font-size:1em; font-family:Arial, Verdana, sans-serif; background:#fff; color:#333; border:1px solid #ddd; outline:none; From bb52271d220c2cc94e6823f39dfcbd5d842daba0 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 18:22:45 +0100 Subject: [PATCH 7/7] exchange bright caret with dark triangle --- core/templates/installation.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/templates/installation.php b/core/templates/installation.php index ae97296abae..b3b7cfc4b8b 100644 --- a/core/templates/installation.php +++ b/core/templates/installation.php @@ -49,7 +49,7 @@
    - t( 'Advanced' ); ?> + t( 'Advanced' ); ?>