From 682b6eb62df7f8cc1db2e45f606c4e1ff5f741fb Mon Sep 17 00:00:00 2001 From: Artem Panchuk Date: Wed, 23 Oct 2024 16:21:48 +0300 Subject: [PATCH] Update @gravity-ui/components 2.11.0 -> 2.12.1, fix styles --- package-lock.json | 8 ++++---- package.json | 2 +- src/ui/components/Tabs/Tabs.scss | 5 +++++ 3 files changed, 10 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index b34536082f..e146f04085 100644 --- a/package-lock.json +++ b/package-lock.json @@ -71,7 +71,7 @@ }, "devDependencies": { "@gravity-ui/app-builder": "^0.12.1", - "@gravity-ui/components": "^3.11.0", + "@gravity-ui/components": "^3.12.1", "@gravity-ui/date-components": "^2.10.2", "@gravity-ui/eslint-config": "^3.2.0", "@gravity-ui/icons": "^2.9.1", @@ -5022,9 +5022,9 @@ } }, "node_modules/@gravity-ui/components": { - "version": "3.11.0", - "resolved": "https://registry.npmjs.org/@gravity-ui/components/-/components-3.11.0.tgz", - "integrity": "sha512-a8egL4P6QoLayu9PTy/1kwFhbsLkPPzzNS6kmn9Mw+Pj3ShGBjGho2RAk9v8ZiXA/JiISdHzG/rsEKeLw5A2gw==", + "version": "3.12.1", + "resolved": "https://registry.npmjs.org/@gravity-ui/components/-/components-3.12.1.tgz", + "integrity": "sha512-RWxLo+FDkfUNjlP4MEyls7OEx6Z9hRs0uq+jim6cTm0NInXKJAQfA7BaWI8WC1+lnQOXxutYJDTPFijFFA+axw==", "dev": true, "dependencies": { "@bem-react/classname": "^1.6.0", diff --git a/package.json b/package.json index 0fc520d06e..6d4883bfbe 100644 --- a/package.json +++ b/package.json @@ -106,7 +106,7 @@ }, "devDependencies": { "@gravity-ui/app-builder": "^0.12.1", - "@gravity-ui/components": "^3.11.0", + "@gravity-ui/components": "^3.12.1", "@gravity-ui/date-components": "^2.10.2", "@gravity-ui/eslint-config": "^3.2.0", "@gravity-ui/icons": "^2.9.1", diff --git a/src/ui/components/Tabs/Tabs.scss b/src/ui/components/Tabs/Tabs.scss index 4bbecaa900..45a6571764 100644 --- a/src/ui/components/Tabs/Tabs.scss +++ b/src/ui/components/Tabs/Tabs.scss @@ -37,6 +37,11 @@ $adaptiveTabsClass: '.gc-adaptive-tabs'; &__tab { width: 100%; + + // Users often use emojis in tab titles, + // so we have to set min-width for correct ellipsis + min-width: 40px; + display: inline-block; border-bottom: var(--gc-tabs-border-width) solid transparent; height: calc(#{var(--gc-tabs-height)} - 2px);