refactor: update example, update select focus color

balsigergil · Jan 15, 2024 · 13e2408 · 13e2408
1 parent d41260f
commit 13e2408
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/example/index.html b/example/index.html
@@ -12,10 +12,26 @@ <h1>Select</h1>
       <div class="selects">
         <form class="my-forms">
           <bl-select name="select1" clearable searchable>
-            <div data-value="jean">Jean</div>
-            <div data-value="albert">Albert</div>
-            <div data-value="nicolas">Nicolas</div>
-            <div data-value="ernest">Ernest</div>
+            <div data-value="lion">Lion</div>
+            <div data-value="tiger">Tiger</div>
+            <div data-value="elephant">Elephant</div>
+            <div data-value="giraffe">Giraffe</div>
+            <div data-value="zebra">Zebra</div>
+            <div data-value="monkey">Monkey</div>
+            <div data-value="penguin">Penguin</div>
+            <div data-value="koala">Koala</div>
+            <div data-value="panda">Panda</div>
+            <div data-value="dolphin">Dolphin</div>
+            <div data-value="kangaroo">Kangaroo</div>
+            <div data-value="polar bear">Polar Bear</div>
+            <div data-value="cheetah">Cheetah</div>
+            <div data-value="crocodile">Crocodile</div>
+            <div data-value="rhinoceros">Rhinoceros</div>
+            <div data-value="hippopotamus">Hippopotamus</div>
+            <div data-value="camel">Camel</div>
+            <div data-value="gorilla">Gorilla</div>
+            <div data-value="parrot">Parrot</div>
+            <div data-value="pangolin">Pangolin</div>
           </bl-select>
           <div>
             <button type="submit">Submit</button>

diff --git a/src/select/modern.css b/src/select/modern.css
@@ -19,6 +19,10 @@
       &.selected {
         background-color: #ddd;
       }
+
+      &.selected.focus {
+        background-color: #ccc;
+      }
     }
   }