Multiselect scss optimisation

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-01-11 14:22:19 +01:00
parent c4e51fd055
commit 8317a71fee
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
1 changed files with 24 additions and 31 deletions

View File

@ -1,6 +1,9 @@
/* Copyright (c) 2011, Jan-Christoph Borchardt, http: //jancborchardt.net /**
This file is licensed under the Affero General Public License version 3 or later. * @copyright Copyright (c) 2011, Jan-Christoph Borchardt <hey@jancborchardt.net>
See the COPYING-README file. */ *
* @license GNU AGPL version 3 or any later version
*
*/
ul.multiselectoptions { ul.multiselectoptions {
background-color: #fff; background-color: #fff;
@ -45,9 +48,26 @@ ul.multiselectoptions {
} }
} }
} }
input.new {
padding-bottom: 3px;
padding-top: 3px;
margin: 0;
}
> li.creator {
padding: 10px;
margin: 0;
font-weight: bold;
> input {
width: 95% !important;
/* do not constrain size of text input */
padding: 5px;
margin: -5px;
}
}
} }
div.multiselect { div.multiselect,
select.multiselect {
display: inline-block; display: inline-block;
max-width: 200px; max-width: 200px;
min-width: 150px !important; min-width: 150px !important;
@ -58,19 +78,11 @@ div.multiselect {
} }
select.multiselect { select.multiselect {
display: inline-block;
max-width: 200px;
min-width: 150px !important;
padding-right: 10px;
min-height: 20px;
position: relative;
vertical-align: bottom;
height: 30px; height: 30px;
min-width: 113px; min-width: 113px;
} }
/* To make a select look like a multiselect until it's initialized */ /* To make a select look like a multiselect until it's initialized */
div.multiselect { div.multiselect {
&.active { &.active {
background-color: #fff; background-color: #fff;
@ -103,22 +115,3 @@ div.multiselect {
} }
} }
} }
ul.multiselectoptions {
input.new {
padding-bottom: 3px;
padding-top: 3px;
margin: 0;
}
> li.creator {
padding: 10px;
margin: 0;
font-weight: bold;
> input {
width: 95% !important;
/* do not constrain size of text input */
padding: 5px;
margin: -5px;
}
}
}