wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Multiselect scss optimisation

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

55
core/css/multiselect.scss
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.
See the COPYING-README file. */
/**
* @copyright Copyright (c) 2011, Jan-Christoph Borchardt <hey@jancborchardt.net>
*
* @license GNU AGPL version 3 or any later version
*
*/
ul.multiselectoptions {
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;
max-width: 200px;
min-width: 150px !important;
@ -58,19 +78,11 @@ div.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;
min-width: 113px;
}
/* To make a select look like a multiselect until it's initialized */
div.multiselect {
&.active {
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;
}
}
}