From 2a936670ce513b411417a2bda9419ea2541c230d Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 14:50:23 +0200 Subject: better contrast for controls bar --- core/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'core') diff --git a/core/css/styles.css b/core/css/styles.css index 313f89195df..319e9559d91 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -141,7 +141,7 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b padding:0 70px 0 0.5em; margin:0; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000; - background:#f7f7f7; border-bottom:1px solid #eee; z-index:50; + background:#eee; border-bottom:1px solid #e7e7e7; z-index:50; } #controls .button { display:inline-block; } -- cgit v1.2.3 From 651f1b09955bb1adc9cc768d885c753aaa81ead5 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 14:51:06 +0200 Subject: better contrast and grouping for blocks in personal settings through darker background color --- core/css/styles.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) (limited to 'core') diff --git a/core/css/styles.css b/core/css/styles.css index 319e9559d91..0987dafd617 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -355,14 +355,27 @@ tr .action { width:16px; height:16px; } tr:hover .action:hover, .selectedActions a:hover, .header-action:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } tbody tr:hover, tr:active { background-color:#f8f8f8; } -#body-settings .personalblock, #body-settings .helpblock { padding:.5em 1em; margin:1em; background:#f8f8f8; color:#555; text-shadow:#fff 0 1px 0; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; } +#body-settings .personalblock, #body-settings .helpblock { + padding: .5em 1em; + margin: 1em; + background-color: rgb(240,240,240); + color: #555; + text-shadow: #fff 0 1px 0; + -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; +} #body-settings .personalblock#quota { position:relative; padding:0; } #body-settings #controls+.helpblock { position:relative; margin-top:3em; } .personalblock > legend { margin-top:2em; } .personalblock > legend, th, dt, label { font-weight:bold; } code { font-family:"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", monospace; } -#quota div, div.jp-play-bar, div.jp-seek-bar { padding:0; background:#e6e6e6; font-weight:normal; white-space:nowrap; -moz-border-radius-bottomleft:.4em; -webkit-border-bottom-left-radius:.4em; border-bottom-left-radius:.4em; -moz-border-radius-topleft:.4em; -webkit-border-top-left-radius:.4em; border-top-left-radius:.4em; } +#quota div, div.jp-play-bar, div.jp-seek-bar { + padding: 0; + background-color: rgb(220,220,220); + font-weight: normal; + white-space: nowrap; + -moz-border-radius-bottomleft: .4em; -webkit-border-bottom-left-radius: .4em; border-bottom-left-radius:.4em; + -moz-border-radius-topleft: .4em; -webkit-border-top-left-radius: .4em; border-top-left-radius: .4em; } #quotatext {padding:.6em 1em;} div.jp-play-bar, div.jp-seek-bar { padding:0; } -- cgit v1.2.3 From abfbd9b13612351a0d9f46fcc70194c0103003df Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 14:51:29 +0200 Subject: feedback for hover/tap on breadcrumbs --- core/css/styles.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'core') diff --git a/core/css/styles.css b/core/css/styles.css index 0987dafd617..58e750da4fa 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -440,12 +440,22 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;} .help-includes {overflow: hidden; width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 2.8em; } .help-iframe {width: 100%; height: 100%; margin: 0;padding: 0; border: 0; overflow: auto;} + /* ---- BREADCRUMB ---- */ div.crumb { float:left; display:block; background:url('../img/breadcrumb.svg') no-repeat right 0; padding:.75em 1.5em 0 1em; height:2.9em; -moz-box-sizing:border-box; box-sizing:border-box; } div.crumb:first-child { padding:10px 20px 10px 5px; } div.crumb.last { font-weight:bold; background:none; padding-right:10px; } div.crumb a{ padding: 0.9em 0 0.7em 0; } +/* some feedback for hover/tap on breadcrumbs */ +div.crumb:hover, +div.crumb:focus, +div.crumb:active { + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter:alpha(opacity=70); + opacity:.7; +} + /* ---- APP STYLING ---- */ -- cgit v1.2.3 From 09ff9b2a2c52aeceb1f157831eddbacf91df6b6d Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 18:01:50 +0200 Subject: remove leading spaces --- core/css/multiselect.css | 132 +++++++++++++++++++++++------------------------ 1 file changed, 66 insertions(+), 66 deletions(-) (limited to 'core') diff --git a/core/css/multiselect.css b/core/css/multiselect.css index def4e60d74d..3cf43ccd4b0 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -1,84 +1,84 @@ /* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net - This file is licensed under the Affero General Public License version 3 or later. - See the COPYING-README file. */ +This file is licensed under the Affero General Public License version 3 or later. +See the COPYING-README file. */ - ul.multiselectoptions { - background-color:#fff; - border:1px solid #ddd; - border-top:none; - box-shadow:0 1px 1px #ddd; - padding-top:.5em; - position:absolute; +ul.multiselectoptions { + background-color:#fff; + border:1px solid #ddd; + border-top:none; + box-shadow:0 1px 1px #ddd; + padding-top:.5em; + position:absolute; max-height: 20em; overflow-y: auto; - z-index:49; - } + z-index:49; +} - ul.multiselectoptions.down { - border-bottom-left-radius:.5em; - border-bottom-right-radius:.5em; - } +ul.multiselectoptions.down { + border-bottom-left-radius:.5em; + border-bottom-right-radius:.5em; +} - ul.multiselectoptions.up { - border-top-left-radius:.5em; - border-top-right-radius:.5em; - } +ul.multiselectoptions.up { + border-top-left-radius:.5em; + border-top-right-radius:.5em; +} - ul.multiselectoptions>li { - overflow:hidden; - white-space:nowrap; - } +ul.multiselectoptions>li { + overflow:hidden; + white-space:nowrap; +} - ul.multiselectoptions>li>input[type="checkbox"] { +ul.multiselectoptions>li>input[type="checkbox"] { margin-top: 3px; margin-right: 5px; margin-left: 3px; - } +} - div.multiselect { - display:inline-block; - max-width:400px; - min-width:100px; - padding-right:.6em; - position:relative; - vertical-align:bottom; - } +div.multiselect { + display:inline-block; + max-width:400px; + min-width:100px; + padding-right:.6em; + position:relative; + vertical-align:bottom; +} - div.multiselect.active { - background-color:#fff; - position:relative; - z-index:50; - } +div.multiselect.active { + background-color:#fff; + position:relative; + z-index:50; +} - div.multiselect.up { - border-top:0 none; - border-top-left-radius:0; - border-top-right-radius:0; - } +div.multiselect.up { + border-top:0 none; + border-top-left-radius:0; + border-top-right-radius:0; +} - div.multiselect.down { - border-bottom:none; - border-bottom-left-radius:0; - border-bottom-right-radius:0; - } +div.multiselect.down { + border-bottom:none; + border-bottom-left-radius:0; + border-bottom-right-radius:0; +} - div.multiselect>span:first-child { - float:left; - margin-right:2em; - overflow:hidden; - text-overflow:ellipsis; - width:90%; - } +div.multiselect>span:first-child { + float:left; + margin-right:2em; + overflow:hidden; + text-overflow:ellipsis; + width:90%; +} - div.multiselect>span:last-child { - position:absolute; - right:.8em; - } +div.multiselect>span:last-child { + position:absolute; + right:.8em; +} - ul.multiselectoptions input.new { - border-top-left-radius:0; - border-top-right-radius:0; - padding-bottom:.2em; - padding-top:.2em; - margin:0; - } +ul.multiselectoptions input.new { + border-top-left-radius:0; + border-top-right-radius:0; + padding-bottom:.2em; + padding-top:.2em; + margin:0; +} -- cgit v1.2.3 From e6a4721f648f0e201dcdfc06c743de00c75b7d69 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 18:02:30 +0200 Subject: checkstyle: add space after colon --- core/css/multiselect.css | 92 ++++++++++++++++++++++++------------------------ 1 file changed, 46 insertions(+), 46 deletions(-) (limited to 'core') diff --git a/core/css/multiselect.css b/core/css/multiselect.css index 3cf43ccd4b0..bb1c525a3c7 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -1,84 +1,84 @@ -/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net +/* Copyright (c) 2011, Jan-Christoph Borchardt, http: //jancborchardt.net This file is licensed under the Affero General Public License version 3 or later. See the COPYING-README file. */ ul.multiselectoptions { - background-color:#fff; - border:1px solid #ddd; - border-top:none; - box-shadow:0 1px 1px #ddd; - padding-top:.5em; - position:absolute; - max-height: 20em; - overflow-y: auto; - z-index:49; + background-color: #fff; + border: 1px solid #ddd; + border-top: none; + box-shadow: 0 1px 1px #ddd; + padding-top: .5em; + position: absolute; + max-height: 20em; + overflow-y: auto; + z-index: 49; } ul.multiselectoptions.down { - border-bottom-left-radius:.5em; - border-bottom-right-radius:.5em; + border-bottom-left-radius: .5em; + border-bottom-right-radius: .5em; } ul.multiselectoptions.up { - border-top-left-radius:.5em; - border-top-right-radius:.5em; + border-top-left-radius: .5em; + border-top-right-radius: .5em; } ul.multiselectoptions>li { - overflow:hidden; - white-space:nowrap; + overflow: hidden; + white-space: nowrap; } ul.multiselectoptions>li>input[type="checkbox"] { - margin-top: 3px; - margin-right: 5px; - margin-left: 3px; + margin-top: 3px; + margin-right: 5px; + margin-left: 3px; } div.multiselect { - display:inline-block; - max-width:400px; - min-width:100px; - padding-right:.6em; - position:relative; - vertical-align:bottom; + display: inline-block; + max-width: 400px; + min-width: 100px; + padding-right: .6em; + position: relative; + vertical-align: bottom; } div.multiselect.active { - background-color:#fff; - position:relative; - z-index:50; + background-color: #fff; + position: relative; + z-index: 50; } div.multiselect.up { - border-top:0 none; - border-top-left-radius:0; - border-top-right-radius:0; + border-top: 0 none; + border-top-left-radius: 0; + border-top-right-radius: 0; } div.multiselect.down { - border-bottom:none; - border-bottom-left-radius:0; - border-bottom-right-radius:0; + border-bottom: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } div.multiselect>span:first-child { - float:left; - margin-right:2em; - overflow:hidden; - text-overflow:ellipsis; - width:90%; + float: left; + margin-right: 2em; + overflow: hidden; + text-overflow: ellipsis; + width: 90%; } div.multiselect>span:last-child { - position:absolute; - right:.8em; + position: absolute; + right: .8em; } ul.multiselectoptions input.new { - border-top-left-radius:0; - border-top-right-radius:0; - padding-bottom:.2em; - padding-top:.2em; - margin:0; + border-top-left-radius: 0; + border-top-right-radius: 0; + padding-bottom: .2em; + padding-top: .2em; + margin: 0; } -- cgit v1.2.3 From 35e7b64cc204ed1c7152fe4b7b7cd6ee67d0fd19 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 18:04:11 +0200 Subject: multiselect: do not cut off group names --- core/css/multiselect.css | 1 + 1 file changed, 1 insertion(+) (limited to 'core') diff --git a/core/css/multiselect.css b/core/css/multiselect.css index bb1c525a3c7..8fab99806f7 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -17,6 +17,7 @@ ul.multiselectoptions { ul.multiselectoptions.down { border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; + width: 100%; /* do not cut off group names */ } ul.multiselectoptions.up { -- cgit v1.2.3 From 27996d1c64a4fab8334b9188b99011097e7ab605 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 18:04:33 +0200 Subject: multiselect: drop shadow for better focus --- core/css/multiselect.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'core') diff --git a/core/css/multiselect.css b/core/css/multiselect.css index 8fab99806f7..667eba86e7c 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -18,6 +18,9 @@ ul.multiselectoptions.down { border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; width: 100%; /* do not cut off group names */ + -webkit-box-shadow: 0px 0px 20px rgba(29,45,68,.4); + -moz-box-shadow: 0px 0px 20px rgba(29,45,68,.4); + box-shadow: 0px 0px 20px rgba(29,45,68,.4); } ul.multiselectoptions.up { -- cgit v1.2.3 From 686797eb6dde2d0c7ac6b9cc5c900a2878a8c06f Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 18:08:47 +0200 Subject: multiselect: more breathing space for entries --- core/css/multiselect.css | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) (limited to 'core') diff --git a/core/css/multiselect.css b/core/css/multiselect.css index 667eba86e7c..23aec23437f 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -33,10 +33,19 @@ ul.multiselectoptions>li { white-space: nowrap; } -ul.multiselectoptions>li>input[type="checkbox"] { - margin-top: 3px; - margin-right: 5px; - margin-left: 3px; +ul.multiselectoptions > li > input[type="checkbox"] { + margin: 10px 7px; + vertical-align: middle; +} +ul.multiselectoptions > li input[type='checkbox']+label { + font-weight: normal; + display: inline-block; + width: 100%; + padding: 5px 27px; + margin-left: -27px; /* to have area around checkbox clickable as well */ +} +ul.multiselectoptions > li input[type='checkbox']:checked+label { + font-weight: bold; } div.multiselect { -- cgit v1.2.3 From 0bcb04398d731ff75d74497f4a203279b6990351 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 18:21:13 +0200 Subject: multiselect: fixed 'add group' interface a bit --- core/css/multiselect.css | 12 ++++++++++-- core/js/multiselect.js | 4 ++-- 2 files changed, 12 insertions(+), 4 deletions(-) (limited to 'core') diff --git a/core/css/multiselect.css b/core/css/multiselect.css index 23aec23437f..afdf27681a1 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -89,9 +89,17 @@ div.multiselect>span:last-child { } ul.multiselectoptions input.new { - border-top-left-radius: 0; - border-top-right-radius: 0; padding-bottom: .2em; padding-top: .2em; margin: 0; } + +ul.multiselectoptions > li.creator { + padding: 10px; + font-weight: bold; +} +ul.multiselectoptions > li.creator > input { + width: 95% !important; /* do not constrain size of text input */ + padding: 5px; + margin: -5px; +} diff --git a/core/js/multiselect.js b/core/js/multiselect.js index 463c397d8cd..48d521e1856 100644 --- a/core/js/multiselect.js +++ b/core/js/multiselect.js @@ -176,10 +176,10 @@ }); button.parent().data('preventHide',false); if(settings.createText){ - var li=$('
  • + '+settings.createText+'
    • '); + var li=$('
  • + '+settings.createText+'
    • '); li.click(function(event){ li.empty(); - var input=$(''); + var input=$(''); li.append(input); input.focus(); input.css('width',button.innerWidth()); -- cgit v1.2.3 From cdedfb6f37ad45d2124c328c1b6a86faa7dfac93 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 11 Jun 2013 18:23:29 +0200 Subject: multiselect: up min-width of group multiselect to 150px --- core/css/multiselect.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'core') diff --git a/core/css/multiselect.css b/core/css/multiselect.css index afdf27681a1..a2d1b20d3a5 100644 --- a/core/css/multiselect.css +++ b/core/css/multiselect.css @@ -51,7 +51,7 @@ ul.multiselectoptions > li input[type='checkbox']:checked+label { div.multiselect { display: inline-block; max-width: 400px; - min-width: 100px; + min-width: 150px; padding-right: .6em; position: relative; vertical-align: bottom; -- cgit v1.2.3