Moved <select> styles to generic _forms.scss

Form element styles should be consistent throughout the CMS.
While we still have the ability to create dropdowns (<select>) which aren't based on
Entwine/HTML rather than new components like <SingleSelectField>,
we need to ensure those are rendered the same.

By default, the Entwine-based CMS sections will transform <select>
into a ChosenJS control, but you can still apply .no-chosen.
Hence there's a need for correct height both in React and Entwine sections,
not just in a React component.
This commit is contained in:
Ingo Schommer 2016-08-28 13:30:18 +12:00
parent 79b9bb6f18
commit a0d4e363c2
4 changed files with 7 additions and 7 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,3 +0,0 @@
select.form-control:not([size]):not([multiple]) {
height: 2.5rem;
}

View File

@ -34,7 +34,6 @@
@import "../components/PopoverField/PopoverField";
@import "../components/GridField/GridField";
@import "../components/HiddenField/HiddenField";
@import "../components/SingleSelectField/SingleSelectField";
@import "../components/Label/Label";
@import "../components/Preview/Preview";
@import "../components/Toolbar/Toolbar";

View File

@ -54,7 +54,11 @@ form.nostyle {
margin-left: 0;
}
input.text,
select:not([size]):not([multiple]) {
height: 2.5rem;
}
input.text,
input.creditcard,
textarea,
select,