added css psuedo classes for checked and hover option states"

powerhome · Aug 17, 2023 · 2beea2e · 2beea2e
1 parent db3f5ed
commit 2beea2e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 20 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_select/_select.scss b/playbook/app/pb_kits/playbook/pb_select/_select.scss
@@ -62,6 +62,12 @@
       padding-top: $space_xxs;
       padding-bottom: $space_xxs;
     }
+    option:checked {
+      background-color: $hover_light;
+    }
+    option:hover {
+      background-color: $hover_light;
+    }
   }
   option {
     color: $text_lt_default;

diff --git a/playbook/app/pb_kits/playbook/pb_select/docs/example.yml b/playbook/app/pb_kits/playbook/pb_select/docs/example.yml
@@ -1,29 +1,29 @@
 examples:
 
   rails:
-  - select_default: Default
-  - select_blank: Blank Selection Text
-  - select_disabled_options: Disabled Options
-  - select_disabled: Disabled Select Field
-  - select_required: Required Select Field
-  - select_value_text_same: Equal option value and value text
-  - select_custom_select: Custom Select
-  - select_error: Select w/ Error
-  - select_inline: Select Inline
-  - select_inline_compact: Select Inline Compact
+  # - select_default: Default
+  # - select_blank: Blank Selection Text
+  # - select_disabled_options: Disabled Options
+  # - select_disabled: Disabled Select Field
+  # - select_required: Required Select Field
+  # - select_value_text_same: Equal option value and value text
+  # - select_custom_select: Custom Select
+  # - select_error: Select w/ Error
+  # - select_inline: Select Inline
+  # - select_inline_compact: Select Inline Compact
   - select_multiple: Select Multiple
 
 
 
   react:
-  - select_default: Default
-  - select_blank: Blank Selection Text
-  - select_disabled_options: Disabled Options
-  - select_disabled: Disabled Select Field
-  - select_required: Required Select Field
-  - select_value_text_same: Equal option value and value text
-  - select_custom_select: Custom Select
-  - select_error: Select w/ Error
-  - select_inline: Select Inline
-  - select_inline_compact: Select Inline Compact
+  # - select_default: Default
+  # - select_blank: Blank Selection Text
+  # - select_disabled_options: Disabled Options
+  # - select_disabled: Disabled Select Field
+  # - select_required: Required Select Field
+  # - select_value_text_same: Equal option value and value text
+  # - select_custom_select: Custom Select
+  # - select_error: Select w/ Error
+  # - select_inline: Select Inline
+  # - select_inline_compact: Select Inline Compact
   - select_multiple: Select Multiple