Browse Source

Apply border radius to tom-select on focus (#2189)

Co-authored-by: Paweł Kuna <[email protected]>
Abdelrhman Said 6 months ago
parent
commit
473fa3850b
2 changed files with 11 additions and 1 deletions
  1. 5 0
      .changeset/pink-bottles-rest.md
  2. 6 1
      core/scss/vendor/_tom-select.scss

+ 5 - 0
.changeset/pink-bottles-rest.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Apply border radius to `tom-select` on focus 

+ 6 - 1
core/scss/vendor/_tom-select.scss

@@ -13,6 +13,11 @@ $input-border-width: 1px;
   color: inherit;
   color: inherit;
 }
 }
 
 
+.focus .ts-control {
+  border-radius: var(--#{$prefix}border-radius);
+}
+  
+
 .ts-control {
 .ts-control {
   color: inherit;
   color: inherit;
 
 
@@ -75,4 +80,4 @@ $input-border-width: 1px;
   &> div.item {
   &> div.item {
     color: var(--#{$prefix}gray-500);
     color: var(--#{$prefix}gray-500);
   }
   }
-}
+}