♿️ Add focus color change in settings menu

2022-08-21 23:42:46 +02:00
parent 198dee45d3
commit 09366401a3
2 changed files with 7 additions and 1 deletions
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@ -82,13 +82,18 @@ select {
  border: 2px solid var(--element-border-input);
  border-radius: 5px;
  background-color: var(--element-color);
-  transition: background-color 0.2s;
+  transition: 0.2s;
+  transition-property: background-color border-color;
 }

 select:hover {
  background-color: var(--element-color-hover);
 }

+select:focus {
+  border-color: var(--element-border-focus);
+}
+
 select[multiple] {
  min-width: 90px;
 }