updated selection styling

aviraldg · aviraldg · commit dc840fdf482e · 2016-06-21T19:02:18.000+05:30
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/Autocomplete.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/Autocomplete.css
@@ -29,13 +29,17 @@
     align-items: center;
 }
 
-.mx_Autocomplete_Completion:focus {
+.mx_Autocomplete_Completion.selected * {
+    transition: 0.3s all ease;
+}
+
+.mx_Autocomplete_Completion.selected {
     background: #76cfa6;
     color: white;
     outline: none;
 }
 
-.mx_Autocomplete_Completion:focus * {
+.mx_Autocomplete_Completion.selected * {
     color: white !important;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -29,13 +29,17 @@`
`29`	`29`	`align-items: center;`
`30`	`30`	`}`
`31`	`31`
`32`		`-.mx_Autocomplete_Completion:focus {`
	`32`	`+.mx_Autocomplete_Completion.selected * {`
	`33`	`+ transition: 0.3s all ease;`
	`34`	`+}`
	`35`	`+`
	`36`	`+.mx_Autocomplete_Completion.selected {`
`33`	`37`	`background: #76cfa6;`
`34`	`38`	`color: white;`
`35`	`39`	`outline: none;`
`36`	`40`	`}`
`37`	`41`
`38`		`-.mx_Autocomplete_Completion:focus * {`
	`42`	`+.mx_Autocomplete_Completion.selected * {`
`39`	`43`	`color: white !important;`
`40`	`44`	`}`
`41`	`45`