cartodb4/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Boyscouy _dropdowns.scss

Browse Source
This commit is contained in:
rubenmoya 2017-11-21 10:07:54 +01:00
parent 36f9e90883
commit 2d560e8dec
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/scss/cdb-components/forms/_dropdowns.scss
View File

@ -113,6 +113,7 @@
position: relative; position: relative;
height: 250px; height: 250px;
} }
.CDB-Dropdown { .CDB-Dropdown {
@include display-flex(); @include display-flex();
@include flex-direction(row); @include flex-direction(row);
@ -120,13 +121,15 @@
top: 40px; top: 40px;
max-height: 200px; max-height: 200px;
} }
.CDB-Dropdown-calculations { .CDB-Dropdown-calculations {
box-sizing: border-box;
padding: $sMargin-element; padding: $sMargin-element;
border-right: 1px solid $cMainLine; border-right: 1px solid $cMainLine;
border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
background-color: $cSecondaryBackground; background-color: $cSecondaryBackground;
box-sizing: border-box;
} }
.CDB-Dropdown-calculationsElement { .CDB-Dropdown-calculationsElement {
margin-bottom: $sLineHeight-medium; margin-bottom: $sLineHeight-medium;
color: $cMainBg; color: $cMainBg;
@ -136,12 +139,14 @@
margin-bottom: 0; margin-bottom: 0;
} }
} }
.CDB-Dropdown-options { .CDB-Dropdown-options {
width: $baseSize * 20; width: $baseSize * 20;
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
background-color: $cWhite; background-color: $cWhite;
vertical-align: top; vertical-align: top;
} }
.CDB-Dropdown-optionsElement { .CDB-Dropdown-optionsElement {
@include text-overflow(); @include text-overflow();
padding: 12px 10px; padding: 12px 10px;
@ -151,20 +156,23 @@
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
} }
&:hover { &:hover {
background-color: rgba($cBlue, 0.08); background-color: rgba($cBlue, 0.08);
color: $cMainBg; color: $cMainBg;
cursor: pointer; cursor: pointer;
} }
}
.CDB-Dropdown-optionsElement.is-selected {
color: $cMainBg;
}
.CDB-Dropdown-optionsElement.is-disabled {
color: $cHintText;
&:hover { &.is-selected {
background-color: transparent; color: $cMainBg;
cursor: default; }
&.is-disabled {
color: $cHintText;
&:hover {
background-color: transparent;
cursor: default;
}
} }
} }