summaryrefslogtreecommitdiffstats
path: root/core
diff options
context:
space:
mode:
authorJan-Christoph Borchardt <hey@jancborchardt.net>2015-09-03 00:36:11 +0200
committerJan-Christoph Borchardt <hey@jancborchardt.net>2015-09-03 00:36:11 +0200
commitd03db5ac0d07e78726e6b31f07920f30a984a0fd (patch)
treeee29611f38594d794d13c645815139c613c74a4d /core
parente2cc778947affa78278dcd50f42844ef1a9dc0d3 (diff)
parenta55f81e7746411be3a721a3a15ee3da7bb9f41f7 (diff)
downloadnextcloud-server-d03db5ac0d07e78726e6b31f07920f30a984a0fd.tar.gz
nextcloud-server-d03db5ac0d07e78726e6b31f07920f30a984a0fd.zip
Merge pull request #18682 from owncloud/quota-select-style
Makes settings quota select like multiselect.
Diffstat (limited to 'core')
-rw-r--r--core/css/multiselect.css3
-rw-r--r--core/css/styles.css11
-rw-r--r--core/js/multiselect.js2
3 files changed, 14 insertions, 2 deletions
diff --git a/core/css/multiselect.css b/core/css/multiselect.css
index 17fd81bf6c3..a9451964f59 100644
--- a/core/css/multiselect.css
+++ b/core/css/multiselect.css
@@ -93,7 +93,8 @@ div.multiselect>span:first-child {
div.multiselect>span:last-child {
position: absolute;
- right: 13px;
+ right: 8px;
+ top: 8px;
}
ul.multiselectoptions input.new {
diff --git a/core/css/styles.css b/core/css/styles.css
index da4dc8b4d4d..020c2702a10 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -12,7 +12,18 @@ table, td, th { vertical-align:middle; }
a { border:0; color:#000; text-decoration:none;}
a, a *, input, input *, select, .button span, label { cursor:pointer; }
ul { list-style:none; }
+select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background: url('../../core/img/actions/triangle-s.svg') no-repeat right 8px center rgba(240, 240, 240, 0.90);
+ outline: 0;
+ padding-right: 24px !important;
+}
+select:hover {
+ background-color: #fefefe;
+}
body {
background-color: #ffffff;
diff --git a/core/js/multiselect.js b/core/js/multiselect.js
index 96144d39ee0..41dc68ac051 100644
--- a/core/js/multiselect.js
+++ b/core/js/multiselect.js
@@ -53,7 +53,7 @@
settings.labels.push($(option).text().trim());
}
});
- var button=$('<div class="multiselect button"><span>'+settings.title+'</span><span>▾</span></div>');
+ var button=$('<div class="multiselect button"><span>'+settings.title+'</span><span class="icon-triangle-s"></span></div>');
var span=$('<span/>');
span.append(button);
button.data('id',multiSelectId);