fix(tags): sync placeholder padding with design (#DS-3484) (#691)

NikGurev · web-flow · commit 44b2b9bc07a1 · 2025-04-24T14:12:48.000+03:00
diff --git a/packages/components/tags/tag-list.scss b/packages/components/tags/tag-list.scss
@@ -37,10 +37,15 @@
 
     gap: var(--kbq-tag-list-size-content-gap);
 
-    & .kbq-tag-input {
+    .kbq-tag-input {
         max-width: 100%;
 
         flex: 1 1 auto;
+
+        // indicating tag list is empty
+        &:first-child {
+            padding-left: var(--kbq-size-s);
+        }
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -37,10 +37,15 @@`
`37`	`37`
`38`	`38`	`gap: var(--kbq-tag-list-size-content-gap);`
`39`	`39`
`40`		`- & .kbq-tag-input {`
	`40`	`+ .kbq-tag-input {`
`41`	`41`	`max-width: 100%;`
`42`	`42`
`43`	`43`	`flex: 1 1 auto;`
	`44`	`+`
	`45`	`+ // indicating tag list is empty`
	`46`	`+ &:first-child {`
	`47`	`+ padding-left: var(--kbq-size-s);`
	`48`	`+ }`
`44`	`49`	`}`
`45`	`50`	`}`
`46`	`51`