Merge pull request #2598 from epam/2535-tabbutton-fix-coments

[TabButton]: updated alignment for all internal items
epam · Nov 4, 2024 · 419a43d · 419a43d
2 parents 8d1adff + 85837aa
commit 419a43d
Show file tree

Hide file tree

Showing 25 changed files with 14 additions and 0 deletions.
diff --git a/...ests/__screenshots__/linux/chromium/TabButton-SizeVariants-Electric-NotSkin.png b/...ests/__screenshots__/linux/chromium/TabButton-SizeVariants-Electric-NotSkin.png
diff --git a/...ests/__screenshots__/linux/chromium/TabButton-SizeVariants-Loveship-NotSkin.png b/...ests/__screenshots__/linux/chromium/TabButton-SizeVariants-Loveship-NotSkin.png
diff --git a/.../__screenshots__/linux/chromium/TabButton-SizeVariants-LoveshipDark-NotSkin.png b/.../__screenshots__/linux/chromium/TabButton-SizeVariants-LoveshipDark-NotSkin.png
diff --git a/...ewTests/__screenshots__/linux/chromium/TabButton-SizeVariants-Promo-NotSkin.png b/...ewTests/__screenshots__/linux/chromium/TabButton-SizeVariants-Promo-NotSkin.png
diff --git a/...nshots__/linux/chromium/TabButton-States--PseudoStateHover-Electric-NotSkin.png b/...nshots__/linux/chromium/TabButton-States--PseudoStateHover-Electric-NotSkin.png
diff --git a/...nshots__/linux/chromium/TabButton-States--PseudoStateHover-Loveship-NotSkin.png b/...nshots__/linux/chromium/TabButton-States--PseudoStateHover-Loveship-NotSkin.png
diff --git a/...ts__/linux/chromium/TabButton-States--PseudoStateHover-LoveshipDark-NotSkin.png b/...ts__/linux/chromium/TabButton-States--PseudoStateHover-LoveshipDark-NotSkin.png
diff --git a/...reenshots__/linux/chromium/TabButton-States--PseudoStateHover-Promo-NotSkin.png b/...reenshots__/linux/chromium/TabButton-States--PseudoStateHover-Promo-NotSkin.png
diff --git a/...eviewTests/__screenshots__/linux/chromium/TabButton-States-Electric-NotSkin.png b/...eviewTests/__screenshots__/linux/chromium/TabButton-States-Electric-NotSkin.png
diff --git a/...eviewTests/__screenshots__/linux/chromium/TabButton-States-Loveship-NotSkin.png b/...eviewTests/__screenshots__/linux/chromium/TabButton-States-Loveship-NotSkin.png
diff --git a/...wTests/__screenshots__/linux/chromium/TabButton-States-LoveshipDark-NotSkin.png b/...wTests/__screenshots__/linux/chromium/TabButton-States-LoveshipDark-NotSkin.png
diff --git a/.../previewTests/__screenshots__/linux/chromium/TabButton-States-Promo-NotSkin.png b/.../previewTests/__screenshots__/linux/chromium/TabButton-States-Promo-NotSkin.png
diff --git a/...ts/__screenshots__/linux/webkit/TabButton-SizeVariants-EduverseDark-NotSkin.png b/...ts/__screenshots__/linux/webkit/TabButton-SizeVariants-EduverseDark-NotSkin.png
diff --git a/...s/__screenshots__/linux/webkit/TabButton-SizeVariants-EduverseLight-NotSkin.png b/...s/__screenshots__/linux/webkit/TabButton-SizeVariants-EduverseLight-NotSkin.png
diff --git a/...wTests/__screenshots__/linux/webkit/TabButton-SizeVariants-Electric-NotSkin.png b/...wTests/__screenshots__/linux/webkit/TabButton-SizeVariants-Electric-NotSkin.png
diff --git a/...wTests/__screenshots__/linux/webkit/TabButton-SizeVariants-Loveship-NotSkin.png b/...wTests/__screenshots__/linux/webkit/TabButton-SizeVariants-Loveship-NotSkin.png
diff --git a/...ts/__screenshots__/linux/webkit/TabButton-SizeVariants-LoveshipDark-NotSkin.png b/...ts/__screenshots__/linux/webkit/TabButton-SizeVariants-LoveshipDark-NotSkin.png
diff --git a/...viewTests/__screenshots__/linux/webkit/TabButton-SizeVariants-Promo-NotSkin.png b/...viewTests/__screenshots__/linux/webkit/TabButton-SizeVariants-Promo-NotSkin.png
diff --git a/...iewTests/__screenshots__/linux/webkit/TabButton-States-EduverseDark-NotSkin.png b/...iewTests/__screenshots__/linux/webkit/TabButton-States-EduverseDark-NotSkin.png
diff --git a/...ewTests/__screenshots__/linux/webkit/TabButton-States-EduverseLight-NotSkin.png b/...ewTests/__screenshots__/linux/webkit/TabButton-States-EduverseLight-NotSkin.png
diff --git a/...previewTests/__screenshots__/linux/webkit/TabButton-States-Electric-NotSkin.png b/...previewTests/__screenshots__/linux/webkit/TabButton-States-Electric-NotSkin.png
diff --git a/...previewTests/__screenshots__/linux/webkit/TabButton-States-Loveship-NotSkin.png b/...previewTests/__screenshots__/linux/webkit/TabButton-States-Loveship-NotSkin.png
diff --git a/...iewTests/__screenshots__/linux/webkit/TabButton-States-LoveshipDark-NotSkin.png b/...iewTests/__screenshots__/linux/webkit/TabButton-States-LoveshipDark-NotSkin.png
diff --git a/...ts/previewTests/__screenshots__/linux/webkit/TabButton-States-Promo-NotSkin.png b/...ts/previewTests/__screenshots__/linux/webkit/TabButton-States-Promo-NotSkin.png
diff --git a/uui/components/buttons/TabButton.module.scss b/uui/components/buttons/TabButton.module.scss
@@ -99,4 +99,18 @@
             border-radius: 50%;
         }
     }
+
+    &:not(:global(.uui-vertical-tab-button)) {
+        :global(.uui-caption) {
+            padding-bottom: calc(var(--uui-tab_btn-vertical-caption-padding) - var(--uui-tab-line-width));
+        }
+
+        :global(.uui-count_indicator) {
+            margin-bottom: calc(var(--uui-tab_btn-vertical-caption-padding) - var(--uui-tab-line-width));
+        }
+
+        :global(.uui-icon) {
+            margin-bottom: calc(0px - var(--uui-tab-line-width));
+        }
+    }
 }