feat(top-bar): lower the height (#DS-4297) (#1123)

NikGurev · artembelik · commit e4114c21645f · 2025-11-20T10:31:07.000+03:00
diff --git a/packages/components/top-bar/top-bar-tokens.scss b/packages/components/top-bar/top-bar-tokens.scss
@@ -2,7 +2,7 @@
     --kbq-top-bar-position: sticky;
     --kbq-top-bar-background: var(--kbq-background-bg);
     --kbq-top-bar-spacer-min-width: 80px;
-    --kbq-top-bar-padding-vertical: var(--kbq-size-xl);
+    --kbq-top-bar-padding-vertical: var(--kbq-size-m);
     --kbq-top-bar-padding-horizontal: var(--kbq-size-xxl);
     --kbq-top-bar-border-radius: 0;
     --kbq-top-bar-container-start-gap: 0;
diff --git a/packages/components/top-bar/top-bar.scss b/packages/components/top-bar/top-bar.scss
@@ -45,6 +45,9 @@
         &:has(> .kbq-overflow-items) {
             gap: unset;
             overflow: hidden;
+            // reduce height added by overflow-items' padding
+            margin-top: calc(-1 * var(--kbq-size-border-width));
+            margin-bottom: calc(-1 * var(--kbq-size-border-width));
         }
 
         .kbq-overflow-items {

Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,9 @@`
`45`	`45`	`&:has(> .kbq-overflow-items) {`
`46`	`46`	`gap: unset;`
`47`	`47`	`overflow: hidden;`
	`48`	`+ // reduce height added by overflow-items' padding`
	`49`	`+ margin-top: calc(-1 * var(--kbq-size-border-width));`
	`50`	`+ margin-bottom: calc(-1 * var(--kbq-size-border-width));`
`48`	`51`	`}`
`49`	`52`
`50`	`53`	`.kbq-overflow-items {`