Merge branch 'radiogroup-refinements' into 'master'

some small adjustments to radio button groups and dropdowns

See merge request !160
This commit is contained in:
Felix Hamann 2019-03-03 23:44:51 +01:00
commit d8fcbcef54
2 changed files with 9 additions and 4 deletions

View File

@ -95,7 +95,6 @@ select {
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
-webkit-appearance: none;
align-items: center; align-items: center;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 4px; border-radius: 4px;
@ -162,6 +161,11 @@ textarea {
} }
/* OPTIONS */ /* OPTIONS */
select {
-webkit-appearance: menulist;
}
select, select,
option { option {
font-size: 1rem; font-size: 1rem;
@ -171,7 +175,8 @@ option {
border-radius: 2px; border-radius: 2px;
outline: 0; outline: 0;
color: #363636; color: #363636;
min-width: 200px; min-width: 250px;
width: auto;
background-color: #f3f3f3; background-color: #f3f3f3;
box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05); box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05);
} }

View File

@ -28,7 +28,7 @@
min-width: 42px; min-width: 42px;
line-height: 34px; line-height: 34px;
text-align: center; text-align: center;
padding: 0 7px; padding: 0 13px;
background-color: #f3f3f3; background-color: #f3f3f3;
box-shadow: inset 2px 1px 2px 1px rgba(50, 50, 50, 0.05); box-shadow: inset 2px 1px 2px 1px rgba(50, 50, 50, 0.05);
color: var(--color-font); color: var(--color-font);
@ -36,7 +36,7 @@
} }
:checked + label { :checked + label {
background-color: #818181; background-color: var(--color-primary);
color: var(--color-lightwhite); color: var(--color-lightwhite);
box-shadow: inset -2px -1px 2px 1px rgba(255, 255, 255, 0.15); box-shadow: inset -2px -1px 2px 1px rgba(255, 255, 255, 0.15);
} }