From 680af2e6caac9a41ac6fe425632055312ea7c8ea Mon Sep 17 00:00:00 2001 From: Thomas Tanghus Date: Fri, 8 Feb 2013 22:30:27 +0100 Subject: Fix filelist shifting up one row on (multi)select --- apps/files/css/files.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 67bd569ceef..2c5842cbf65 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -73,8 +73,7 @@ table th#headerSize, table td.filesize { min-width:3em; padding:0 1em; text-alig table th#headerDate, table td.date { min-width:11em; padding:0 .1em 0 1em; text-align:left; } /* Multiselect bar */ -table.multiselect { top:63px; } -table.multiselect thead { position:fixed; top:82px; z-index:1; } +table.multiselect thead { z-index:1; } table.multiselect thead th { background:rgba(230,230,230,.8); color:#000; font-weight:bold; border-bottom:0; } table td.selection, table th.selection, table td.fileaction { width:2em; text-align:center; } -- cgit v1.2.3 From 60344bf1dd48e52baa129c8fc04e81a338c12551 Mon Sep 17 00:00:00 2001 From: Thomas Tanghus Date: Sat, 9 Feb 2013 14:00:26 +0100 Subject: Another attempt on the filelist heading. --- apps/files/css/files.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 2c5842cbf65..caebb5151de 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -73,9 +73,9 @@ table th#headerSize, table td.filesize { min-width:3em; padding:0 1em; text-alig table th#headerDate, table td.date { min-width:11em; padding:0 .1em 0 1em; text-align:left; } /* Multiselect bar */ -table.multiselect thead { z-index:1; } +table.multiselect thead { position:fixed; z-index:1; } table.multiselect thead th { background:rgba(230,230,230,.8); color:#000; font-weight:bold; border-bottom:0; } - +table.multiselect tbody { position: absolute; margin-top:2em; } table td.selection, table th.selection, table td.fileaction { width:2em; text-align:center; } table td.filename a.name { display:block; height:1.5em; vertical-align:middle; margin-left:3em; } table tr[data-type="dir"] td.filename a.name span.nametext {font-weight:bold; } -- cgit v1.2.3 From 419eced65c0c0d86e6b237af8a5c4a9961aa21f5 Mon Sep 17 00:00:00 2001 From: Thomas Tanghus Date: Sat, 9 Feb 2013 17:54:56 +0100 Subject: Remove hascontrols - use original positioning. I couldn't get Chromium and FF to agree, so a working hack is better than a non-working one ;) --- apps/files/css/files.css | 6 +++--- apps/files/templates/index.php | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index caebb5151de..620fe8606be 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -55,7 +55,7 @@ font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; } -table { position:relative; width:100%; } +table { position:relative; top:37px; width:100%; } tbody tr { background-color:#fff; height:2.5em; } tbody tr:hover, tbody tr:active, tbody tr.selected { background-color:#f8f8f8; } tbody tr.selected { background-color:#eee; } @@ -73,9 +73,9 @@ table th#headerSize, table td.filesize { min-width:3em; padding:0 1em; text-alig table th#headerDate, table td.date { min-width:11em; padding:0 .1em 0 1em; text-align:left; } /* Multiselect bar */ -table.multiselect thead { position:fixed; z-index:1; } +table.multiselect { top:63px; } +table.multiselect thead { position:fixed; top:82px; z-index:1; } table.multiselect thead th { background:rgba(230,230,230,.8); color:#000; font-weight:bold; border-bottom:0; } -table.multiselect tbody { position: absolute; margin-top:2em; } table td.selection, table th.selection, table td.fileaction { width:2em; text-align:center; } table td.filename a.name { display:block; height:1.5em; vertical-align:middle; margin-left:3em; } table tr[data-type="dir"] td.filename a.name span.nametext {font-weight:bold; } diff --git a/apps/files/templates/index.php b/apps/files/templates/index.php index 0b4aa21eac3..2d4ed9ab2d9 100644 --- a/apps/files/templates/index.php +++ b/apps/files/templates/index.php @@ -59,7 +59,7 @@
t('Nothing in here. Upload something!')?>
- +
-- cgit v1.2.3 From 25b5b39e7aaf2931e1c726982bf6c82951f0ce3b Mon Sep 17 00:00:00 2001 From: Robin Appelman Date: Mon, 11 Feb 2013 12:23:53 +0100 Subject: Files: fix width of table header when files are selected --- apps/files/css/files.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 620fe8606be..1dae49c1cf4 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -25,7 +25,7 @@ #trash { height:17px; margin: 0 1em; z-index:1010; float: right; } -#upload { +#upload { height:27px; padding:0; margin-left:0.2em; overflow:hidden; } #upload a { @@ -74,8 +74,9 @@ table th#headerDate, table td.date { min-width:11em; padding:0 .1em 0 1em; text- /* Multiselect bar */ table.multiselect { top:63px; } -table.multiselect thead { position:fixed; top:82px; z-index:1; } +table.multiselect thead { position:fixed; top:82px; z-index:1; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; padding-left: 64px; width:100%; } table.multiselect thead th { background:rgba(230,230,230,.8); color:#000; font-weight:bold; border-bottom:0; } +table.multiselect #headerName { width: 100%; } table td.selection, table th.selection, table td.fileaction { width:2em; text-align:center; } table td.filename a.name { display:block; height:1.5em; vertical-align:middle; margin-left:3em; } table tr[data-type="dir"] td.filename a.name span.nametext {font-weight:bold; } -- cgit v1.2.3 From b8a6bca2d3fa27a8cf7d481ba8e442e4185e74ef Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 14 Feb 2013 10:40:23 +0100 Subject: always show checkbox when selected, also in IE8, fix #1621 --- apps/files/css/files.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'apps/files/css/files.css') 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; -- cgit v1.2.3 From 859caee66a107b7e46f3d0bc615acfd112a2981d Mon Sep 17 00:00:00 2001 From: Jörn Friedrich Dreyer Date: Thu, 21 Feb 2013 16:52:18 +0100 Subject: use :hover pseudo class to set opacity --- apps/files/css/files.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index dfc2e4c0e2f..3cd809038b9 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -123,6 +123,24 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; } .selectedActions a { display:inline; margin:-.5em 0; padding:.5em !important; } .selectedActions a img { position:relative; top:.3em; } +#fileList a.action { + display:none; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + opacity: 0; +} +#fileList tr:hover a.action { + display:inline; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.5)"; + filter: alpha(opacity=.5); + opacity: .5; +} +#fileList tr:hover a.action:hover { + display:inline; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; + filter: alpha(opacity=1); + opacity: 1; +} #scanning-message{ top:40%; left:40%; position:absolute; display:none; } -- cgit v1.2.3 From 07e9f8d0d3d128c28c6fd06890d7152be76a905f Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 26 Feb 2013 18:49:20 +0100 Subject: remove general CSS from IE specific rules, displays Shared state permanently again --- apps/files/css/files.css | 6 ------ 1 file changed, 6 deletions(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 3cd809038b9..cd339ad26a5 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -124,22 +124,16 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; } .selectedActions a img { position:relative; top:.3em; } #fileList a.action { - display:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); - opacity: 0; } #fileList tr:hover a.action { - display:inline; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.5)"; filter: alpha(opacity=.5); - opacity: .5; } #fileList tr:hover a.action:hover { - display:inline; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); - opacity: 1; } #scanning-message{ top:40%; left:40%; position:absolute; display:none; } -- cgit v1.2.3 From f4411b02432e4e70c718da6f03977cbde51ae5b8 Mon Sep 17 00:00:00 2001 From: Jörn Friedrich Dreyer Date: Sun, 3 Mar 2013 13:01:25 +0100 Subject: durhurrrhurrr --- apps/files/css/files.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index cd339ad26a5..6030eedb51e 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -126,14 +126,20 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; } #fileList a.action { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); + opacity: 0; + display:none; } -#fileList tr:hover a.action { +#fileList tr:hover a.action, #fileList a.action.permanent { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.5)"; filter: alpha(opacity=.5); + opacity: .5; + display:inline; } #fileList tr:hover a.action:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); + opacity: 1; + display:inline; } #scanning-message{ top:40%; left:40%; position:absolute; display:none; } -- cgit v1.2.3 From d3ddf03687a3e55df10e4c93471a01a366ea1d44 Mon Sep 17 00:00:00 2001 From: raghunayyar Date: Mon, 4 Mar 2013 09:21:38 +0530 Subject: Datepicker height fixed. New id defined for files table for positioning. --- apps/files/css/files.css | 2 +- apps/files/templates/index.php | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index cd339ad26a5..be0f4203cd0 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -55,7 +55,7 @@ font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; } -table { position:relative; top:37px; width:100%; } +#filestable { position: relative; top:37px; width:100%; } tbody tr { background-color:#fff; height:2.5em; } tbody tr:hover, tbody tr:active, tbody tr.selected { background-color:#f8f8f8; } tbody tr.selected { background-color:#eee; } diff --git a/apps/files/templates/index.php b/apps/files/templates/index.php index 78c0901c110..a53df4e2d3e 100644 --- a/apps/files/templates/index.php +++ b/apps/files/templates/index.php @@ -60,7 +60,7 @@
t('Nothing in here. Upload something!'))?>
- +
-- cgit v1.2.3 From afe7ea8ca2c834fc54210e8724f3cf9464ec5893 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Mon, 4 Mar 2013 16:10:11 +0100 Subject: fix files table CSS specificity issue causing multiselect bar overlap, fix #2075 --- apps/files/css/files.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'apps/files/css/files.css') diff --git a/apps/files/css/files.css b/apps/files/css/files.css index fd06c61ce2c..4d2b16e6f1c 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -73,7 +73,7 @@ table th#headerSize, table td.filesize { min-width:3em; padding:0 1em; text-alig table th#headerDate, table td.date { min-width:11em; padding:0 .1em 0 1em; text-align:left; } /* Multiselect bar */ -table.multiselect { top:63px; } +#filestable.multiselect { top:63px; } table.multiselect thead { position:fixed; top:82px; z-index:1; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; padding-left: 64px; width:100%; } table.multiselect thead th { background:rgba(230,230,230,.8); color:#000; font-weight:bold; border-bottom:0; } table.multiselect #headerName { width: 100%; } -- cgit v1.2.3