diff --git a/src/scss/cdb-components/forms/dropdowns.scss b/src/scss/cdb-components/forms/dropdowns.scss
index 01d3495..7b51912 100644
--- a/src/scss/cdb-components/forms/dropdowns.scss
+++ b/src/scss/cdb-components/forms/dropdowns.scss
@@ -10,27 +10,27 @@
-
+
- -
- selected
-
- -
- active
-
- -
- disabled
-
- -
- disabled
-
+ - selected
+ - active
+ - disabled
+ - disabled
@@ -62,6 +54,7 @@
@import '../../cdb-utilities/mixins';
@import '../../cdb-variables/sizes';
@import '../../cdb-variables/colors';
+@import '../../cdb-utilities/mixins';
.CDB-DropdownContainer {
position: relative;
@@ -72,33 +65,31 @@
@include flex-direction(row);
position: absolute;
top: 40px;
- height: 200px;
+ max-height: 200px;
}
.CDB-Dropdown-calculations {
- display: inline-block;
- width: $baseSize * 11;
- height: 100%;
padding: $sMargin-element;
border-right: 1px solid $cMainLine;
- border-radius: 3px 0 0 3px;
+ border-radius: 4px 0 0 4px;
background-color: $cSecondaryBackground;
box-sizing: border-box;
}
.CDB-Dropdown-calculationsElement {
+ margin-bottom: $sLineHeight-medium;
font-size: $sFontSize-small;
- &:not(:last-child) {
- margin-bottom: $sLineHeight-medium;
+ &:last-child {
+ margin-bottom: 0;
}
}
.CDB-Dropdown-options {
- display: inline-block;
width: $baseSize * 20;
- border-radius: 0 3px 3px 0;
+ border-radius: 0 4px 4px 0;
background-color: $cWhite;
vertical-align: top;
}
.CDB-Dropdown-optionsElement {
+ @include text-overflow();
padding: 12px 10px;
border-bottom: 1px solid $cMainLine;
color: $cBlue;
@@ -114,6 +105,21 @@
.CDB-Dropdown-optionsElement.is-selected {
color: $cBlack;
}
+.CDB-Dropdown-optionsElement.is-disabled {
+ color: $cTypo4;
+
+ &:hover {
+ background-color: transparent;
+ cursor: default;
+ }
+}
+background-color: rgba(157, 224, 173, 0.2);
+ cursor: pointer;
+ }
+}
+.CDB-Dropdown-optionsElement.is-selected {
+ color: $cBlack;
+}
.CDB-Dropdown-optionsElement.is-disabled {
color: $cTypo4;
}