fix(select): add theme property for open select border (#1653)

akveo · Jul 1, 2019 · d16dcba · d16dcba
1 parent 8ceb343
commit d16dcba
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/src/framework/theme/components/select/_select-outline.scss b/src/framework/theme/components/select/_select-outline.scss
@@ -10,6 +10,11 @@
  color: nb-theme(select-outline-placeholder-text-color);
  }
 
+ &.bottom,
+ &.top {
+ border-color: nb-theme(select-open-outline-border-color);
+ }
+
  &.top {
  border-top-color: nb-theme(select-outline-adjacent-border-color);
  border-top-style: nb-theme(select-outline-adjacent-border-style);
@@ -58,6 +63,17 @@
  &[disabled] {
  border-color: nb-theme(select-outline-#{$status}-disabled-border-color);
  }
+
+ &.top {
+ border-top-color: nb-theme(select-outline-#{$status}-adjacent-border-color);
+ border-top-style: nb-theme(select-outline-#{$status}-adjacent-border-style);
+ border-top-width: nb-theme(select-outline-#{$status}-adjacent-border-width);
+ }
+ &.bottom {
+ border-bottom-color: nb-theme(select-outline-#{$status}-adjacent-border-color);
+ border-bottom-style: nb-theme(select-outline-#{$status}-adjacent-border-style);
+ border-bottom-width: nb-theme(select-outline-#{$status}-adjacent-border-width);
+ }
  }
 
  .options-list-container.appearance-outline.status-#{$status} {

diff --git a/src/framework/theme/styles/themes/_corporate.scss b/src/framework/theme/styles/themes/_corporate.scss
@@ -39,7 +39,7 @@ $theme: (
  accordion-shadow: none,
 
  select-options-list-border-width: 0.0625rem,
- select-options-list-border-color: border-basic-color-3,
+ select-open-outline-border-color: select-options-list-outline-border-color,
 );
 
 $nb-themes: nb-register-theme($theme, corporate, default);
diff --git a/src/framework/theme/styles/themes/_mapping.scss b/src/framework/theme/styles/themes/_mapping.scss
@@ -1287,7 +1287,6 @@ $eva-mapping: (
  select-min-width: 13rem,
  select-options-list-max-height: 20rem,
  select-options-list-shadow: shadow,
- select-options-list-border-color: transparent,
  select-options-list-border-style: solid,
  select-options-list-border-width: 0,
  select-outline-width: outline-width,
@@ -1380,7 +1379,8 @@ $eva-mapping: (
  select-option-outline-large-padding: select-outline-large-padding,
  select-option-outline-giant-padding: select-outline-giant-padding,
 
- select-outline-adjacent-border-color: select-outline-border-color,
+ select-open-outline-border-color: select-outline-border-color,
+ select-outline-adjacent-border-color: select-open-outline-border-color,
  select-outline-adjacent-border-style: select-outline-border-style,
  select-outline-adjacent-border-width: select-outline-border-width,
  select-outline-primary-adjacent-border-color: select-outline-primary-border-color,