🐛 (usage page)-fix focus color

rishichawda · rishichawda · commit 6a1493a6a477 · 2018-12-21T19:06:20.000+05:30
diff --git a/doc/src/components/common/componentData/AutoComplete/index.js b/doc/src/components/common/componentData/AutoComplete/index.js
@@ -137,5 +137,9 @@ export const componentData = {
         background-color: rgba($color: chartreuse, $alpha: 0.2) !important;
       }
     }
+
+    :local(.item-hover) {
+      background-color: rgba($color: chartreuse, $alpha: 0.2) !important;
+    }
   `,
 };
diff --git a/doc/src/components/common/componentData/AutoComplete/theme.scss b/doc/src/components/common/componentData/AutoComplete/theme.scss
@@ -10,4 +10,8 @@
   &:hover {
     background-color: rgba($color: chartreuse, $alpha: 0.2) !important;
   }
+}
+
+:local(.item-hover) {
+  background-color: rgba($color: chartreuse, $alpha: 0.2) !important;
 }
diff --git a/doc/src/components/common/componentData/MultiSelect/index.js b/doc/src/components/common/componentData/MultiSelect/index.js
@@ -144,9 +144,13 @@ export const componentData = {
     
     :local(.option) {
       &:hover {
-        background-color: rgba($color: #0b409c, $alpha: 0.4) !important;
+        background-color: rgba($color: #73ff00, $alpha: 0.4) !important;
       }
     }
+
+    :local(.item-hover) {
+      background: rgba($color: #73ff00, $alpha: 0.4) !important;
+    }
     
     :local(.selected) {
       div {
diff --git a/doc/src/components/common/componentData/MultiSelect/theme.scss b/doc/src/components/common/componentData/MultiSelect/theme.scss
@@ -12,6 +12,10 @@
   }
 }
 
+:local(.item-hover) {
+  background: rgba($color: #73ff00, $alpha: 0.4) !important;
+}
+
 :local(.selected) {
   div {
     background-color: #f0ece2;
diff --git a/doc/src/components/common/componentData/Select/index.js b/doc/src/components/common/componentData/Select/index.js
@@ -151,9 +151,13 @@ componentUsageTheme: `
   
   :local(.option) {
     &:hover {
-      background-color: rgba($color: #0b409c, $alpha: 0.4) !important;
+      background-color: rgba($color: #73ff00, $alpha: 0.4) !important;
     }
   }
+
+  :local(.option-hover) {
+    background-color: rgba($color: #73ff00, $alpha: 0.4) !important;
+  }
   
   :local(.selected) {
     input {
diff --git a/doc/src/components/common/componentData/Select/theme.scss b/doc/src/components/common/componentData/Select/theme.scss
@@ -16,4 +16,8 @@
   input {
     color: #73ff00;
   }
+}
+
+:local(.option-hover) {
+  background-color: rgba($color: #73ff00, $alpha: 0.4) !important;
 }

Original file line number	Diff line number	Diff line change
`@@ -137,5 +137,9 @@ export const componentData = {`
`137`	`137`	`background-color: rgba($color: chartreuse, $alpha: 0.2) !important;`
`138`	`138`	`}`
`139`	`139`	`}`
	`140`	`+`
	`141`	`+ :local(.item-hover) {`
	`142`	`+ background-color: rgba($color: chartreuse, $alpha: 0.2) !important;`
	`143`	`+ }`
`140`	`144`	`,
`141`	`145`	`};`
Original file line number	Diff line number	Diff line change
`@@ -10,4 +10,8 @@`
`10`	`10`	`&:hover {`
`11`	`11`	`background-color: rgba($color: chartreuse, $alpha: 0.2) !important;`
`12`	`12`	`}`
	`13`	`+}`
	`14`	`+`
	`15`	`+:local(.item-hover) {`
	`16`	`+ background-color: rgba($color: chartreuse, $alpha: 0.2) !important;`
`13`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -144,9 +144,13 @@ export const componentData = {`
`144`	`144`
`145`	`145`	`:local(.option) {`
`146`	`146`	`&:hover {`
`147`		`- background-color: rgba($color: #0b409c, $alpha: 0.4) !important;`
	`147`	`+ background-color: rgba($color: #73ff00, $alpha: 0.4) !important;`
`148`	`148`	`}`
`149`	`149`	`}`
	`150`	`+`
	`151`	`+ :local(.item-hover) {`
	`152`	`+ background: rgba($color: #73ff00, $alpha: 0.4) !important;`
	`153`	`+ }`
`150`	`154`
`151`	`155`	`:local(.selected) {`
`152`	`156`	`div {`
Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,10 @@`
`12`	`12`	`}`
`13`	`13`	`}`
`14`	`14`
	`15`	`+:local(.item-hover) {`
	`16`	`+ background: rgba($color: #73ff00, $alpha: 0.4) !important;`
	`17`	`+}`
	`18`	`+`
`15`	`19`	`:local(.selected) {`
`16`	`20`	`div {`
`17`	`21`	`background-color: #f0ece2;`
Original file line number	Diff line number	Diff line change
@@ -151,9 +151,13 @@ componentUsageTheme: `
`151`	`151`
`152`	`152`	`:local(.option) {`
`153`	`153`	`&:hover {`
`154`		`- background-color: rgba($color: #0b409c, $alpha: 0.4) !important;`
	`154`	`+ background-color: rgba($color: #73ff00, $alpha: 0.4) !important;`
`155`	`155`	`}`
`156`	`156`	`}`
	`157`	`+`
	`158`	`+ :local(.option-hover) {`
	`159`	`+ background-color: rgba($color: #73ff00, $alpha: 0.4) !important;`
	`160`	`+ }`
`157`	`161`
`158`	`162`	`:local(.selected) {`
`159`	`163`	`input {`
Original file line number	Diff line number	Diff line change
`@@ -16,4 +16,8 @@`
`16`	`16`	`input {`
`17`	`17`	`color: #73ff00;`
`18`	`18`	`}`
	`19`	`+}`
	`20`	`+`
	`21`	`+:local(.option-hover) {`
	`22`	`+ background-color: rgba($color: #73ff00, $alpha: 0.4) !important;`
`19`	`23`	`}`