#2254 Update select styles

bitshares · Dec 10, 2018 · a244b09 · a244b09
1 parent bc16a89
commit a244b09
Show file tree

Hide file tree

Showing 7 changed files with 54 additions and 3 deletions.
diff --git a/app/bitshares-ui-style-guide/styles/basic/theme.less b/app/bitshares-ui-style-guide/styles/basic/theme.less
@@ -382,9 +382,19 @@ button.ant-switch {
 
   &-dropdown-menu-item {
     background-color: @select-background-color;
+
+    &:hover {
+      color: @select-item-hover-color;
+      background-color: @select-item-hover-background-color;
+    }
   }
   &-dropdown-menu-item-selected {
+    color: @select-item-selected-color;
     background-color: @select-item-selected-background-color;
+    &:hover {
+      color: @select-item-selected-hover-color;
+      background-color: @select-item-selected-hover-background-color;
+    }
   }
   &-dropdown-menu {
     border: @select-dropdown-menu-border-width @select-dropdown-menu-border-style @select-dropdown-menu-border-color;

diff --git a/app/bitshares-ui-style-guide/styles/dark/dark-theme.css b/app/bitshares-ui-style-guide/styles/dark/dark-theme.css
@@ -18345,9 +18345,18 @@ button.ant-switch.ant-switch-checked:after {
 .ant-select-dropdown-menu-item {
   background-color: #262626;
 }
+.ant-select-dropdown-menu-item:hover {
+  color: #00A9E9;
+  background-color: #262626;
+}
 .ant-select-dropdown-menu-item-selected {
+  color: #00A9E9;
   background-color: #383838;
 }
+.ant-select-dropdown-menu-item-selected:hover {
+  color: #00A9E9;
+  background-color: #262626;
+}
 .ant-select-dropdown-menu {
   border: 1px solid #656565;
 }

diff --git a/app/bitshares-ui-style-guide/styles/dark/dark-theme.less b/app/bitshares-ui-style-guide/styles/dark/dark-theme.less
@@ -611,7 +611,12 @@
 @select-dropdown-menu-border-width: 1px;
 @select-dropdown-menu-border-style: solid;
 @select-dropdown-menu-border-color: @accent-2;
+@select-item-hover-color: @primary-color;
+@select-item-hover-background-color: @accent-4;
 @select-item-selected-background-color: @accent-3;
+@select-item-selected-color: @primary-color;
+@select-item-selected-hover-color: @primary-color;
+@select-item-selected-hover-background-color: @accent-4;
 
 // Upload
 // ---

diff --git a/app/bitshares-ui-style-guide/styles/light/light-theme.css b/app/bitshares-ui-style-guide/styles/light/light-theme.css
@@ -18346,7 +18346,16 @@ button.ant-switch.ant-switch-checked:after {
 .ant-select-dropdown-menu-item {
   background-color: #fff;
 }
+.ant-select-dropdown-menu-item:hover {
+  color: #00A9E0;
+  background-color: #e6fdff;
+}
 .ant-select-dropdown-menu-item-selected {
+  color: #00A9E0;
+  background-color: #e6fdff;
+}
+.ant-select-dropdown-menu-item-selected:hover {
+  color: #00A9E0;
   background-color: #e6fdff;
 }
 .ant-select-dropdown-menu {

diff --git a/app/bitshares-ui-style-guide/styles/light/light-theme.less b/app/bitshares-ui-style-guide/styles/light/light-theme.less
@@ -611,7 +611,12 @@
 @select-dropdown-menu-border-width: 1px;
 @select-dropdown-menu-border-style: solid;
 @select-dropdown-menu-border-color: @primary-color;
+@select-item-hover-color: @primary-color;
+@select-item-hover-background-color: @primary-1;
 @select-item-selected-background-color: @primary-1;
+@select-item-selected-color: @primary-color;
+@select-item-selected-hover-color: @primary-color;
+@select-item-selected-hover-background-color: @primary-1;
 
 // Upload
 // ---

diff --git a/app/bitshares-ui-style-guide/styles/midnight/midnight-theme.css b/app/bitshares-ui-style-guide/styles/midnight/midnight-theme.css
@@ -18345,8 +18345,17 @@ button.ant-switch.ant-switch-checked:after {
 .ant-select-dropdown-menu-item {
   background-color: #121212;
 }
+.ant-select-dropdown-menu-item:hover {
+  color: #00A9E0;
+  background-color: #121212;
+}
 .ant-select-dropdown-menu-item-selected {
-  background-color: #38393F;
+  color: #00A9E0;
+  background-color: #121212;
+}
+.ant-select-dropdown-menu-item-selected:hover {
+  color: #00A9E0;
+  background-color: #121212;
 }
 .ant-select-dropdown-menu {
   border: 1px solid #656565;

diff --git a/app/bitshares-ui-style-guide/styles/midnight/midnight-theme.less b/app/bitshares-ui-style-guide/styles/midnight/midnight-theme.less
@@ -611,8 +611,12 @@
 @select-dropdown-menu-border-width: 1px;
 @select-dropdown-menu-border-style: solid;
 @select-dropdown-menu-border-color: @accent-2;
-@select-item-selected-background-color: @accent-3;
-
+@select-item-hover-color: @primary-color;
+@select-item-hover-background-color: @accent-4;
+@select-item-selected-background-color: @accent-4;
+@select-item-selected-color: @primary-color;
+@select-item-selected-hover-color: @primary-color;
+@select-item-selected-hover-background-color: @accent-4;
 // Upload
 // ---