fix(blazorui): resolve issues of incorrect padding values in BitDropd…

…own #7013 (#7014)
bitfoundation · Mar 2, 2024 · a95cb1d · a95cb1d
1 parent 04d5e97
commit a95cb1d
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Dropdown/BitDropdown.scss b/src/BlazorUI/Bit.BlazorUI/Components/Inputs/Dropdown/BitDropdown.scss
@@ -9,8 +9,8 @@
         .bit-drp-lbl {
             &::after {
                 content: " *";
-                color: $color-state-required;
                 padding-right: spacing(1.5);
+                color: $color-state-required;
             }
         }
     }
@@ -35,14 +35,14 @@
     &.bit-dis {
         .bit-drp-wrp {
             cursor: default;
-            background-color: $color-background-disabled;
-            border-color: $color-border-disabled;
             color: $color-foreground-disabled;
+            border-color: $color-border-disabled;
+            background-color: $color-background-disabled;
 
             &:hover,
             &:active {
-                border-color: $color-border-disabled;
                 color: $color-foreground-disabled;
+                border-color: $color-border-disabled;
             }
 
             &:focus {
@@ -125,6 +125,7 @@
 .bit-drp-tcn {
     flex: 1;
     margin: 0;
+    padding: 0;
     outline: none;
     display: block;
     overflow: hidden;
@@ -134,41 +135,41 @@
     box-sizing: border-box;
     text-overflow: ellipsis;
     font-size: spacing(1.75);
+    padding-left: spacing(1);
     line-height: spacing(3.75);
     border-radius: spacing(0.25);
-    padding: 0 spacing(3.5) 0 spacing(1);
 }
 
 .bit-drp-sch {
     .bit-drp-tcn {
+        height: unset;
         display: flex;
-        gap: spacing(0.5);
         flex-wrap: wrap;
-        height: unset;
+        gap: spacing(0.5);
         min-height: spacing(4);
         padding: spacing(1) spacing(3.5) spacing(1) spacing(1);
     }
 }
 
 .bit-drp-chp {
     display: flex;
+    cursor: default;
     gap: spacing(0.5);
+    padding: 0 spacing(0.5);
     border-radius: spacing(0.25);
     background-color: $color-background-secondary;
-    padding: 0 spacing(0.5);
     border: $shape-border-width $shape-border-style $color-border-secondary;
-    cursor: default;
 
     i {
         cursor: pointer;
     }
 }
 
 .bit-drp-icn {
-    cursor: pointer;
-    padding: 0 spacing(1);
     display: flex;
+    cursor: pointer;
     align-items: center;
+    padding: 0 spacing(1);
 
     i {
         speak: none;
@@ -785,7 +786,8 @@
     }
 
     .bit-drp-tcn {
-        padding: 0 spacing(1) 0 spacing(3.5);
+        padding-left: 0;
+        padding-right: spacing(1);
     }
 
     .bit-drp-cls {