Fix object card (#223)

gravity-ui · Aug 20, 2024 · 80b560f · 80b560f
1 parent 0afd0ed
commit 80b560f
Show file tree

Hide file tree

Showing 16 changed files with 7 additions and 3 deletions.
diff --git a/src/lib/kit/components/Card/Card.scss b/src/lib/kit/components/Card/Card.scss
@@ -64,8 +64,12 @@
     }
 
     &__title {
-        display: flex;
         max-width: 533px;
+        height: 20px;
+    }
+
+    &__title-popover {
+        height: 20px;
     }
 
     &__note {

diff --git a/src/lib/kit/components/Card/Card.tsx b/src/lib/kit/components/Card/Card.tsx
@@ -78,6 +78,7 @@ export const Card: React.FC<CardProps> = ({
                         content={propsTitle}
                         disabled={titlePopoverDisabled}
                         placement={COMMON_POPOVER_PLACEMENT}
+                        className={b('title-popover')}
                     >
                         <Text
                             className={b('title')}

diff --git a/...ase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-chromium-linux.png b/...ase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-chromium-linux.png
diff --git a/...tBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-webkit-linux.png b/...tBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-webkit-linux.png
diff --git a/...se.visual.test.tsx-snapshots/Object-Base-layouts-group-light-chromium-linux.png b/...se.visual.test.tsx-snapshots/Object-Base-layouts-group-light-chromium-linux.png
diff --git a/...Base.visual.test.tsx-snapshots/Object-Base-layouts-group-light-webkit-linux.png b/...Base.visual.test.tsx-snapshots/Object-Base-layouts-group-light-webkit-linux.png
diff --git a/...se.visual.test.tsx-snapshots/Object-Base-layouts-group2-dark-chromium-linux.png b/...se.visual.test.tsx-snapshots/Object-Base-layouts-group2-dark-chromium-linux.png
diff --git a/...e.visual.test.tsx-snapshots/Object-Base-layouts-group2-light-chromium-linux.png b/...e.visual.test.tsx-snapshots/Object-Base-layouts-group2-light-chromium-linux.png
diff --git a/...e.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-chromium-linux.png b/...e.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-chromium-linux.png
diff --git a/...ase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-webkit-linux.png b/...ase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-webkit-linux.png
diff --git a/....visual.test.tsx-snapshots/Object-Base-layouts-section-light-chromium-linux.png b/....visual.test.tsx-snapshots/Object-Base-layouts-section-light-chromium-linux.png
diff --git a/...se.visual.test.tsx-snapshots/Object-Base-layouts-section-light-webkit-linux.png b/...se.visual.test.tsx-snapshots/Object-Base-layouts-section-light-webkit-linux.png
diff --git a/....visual.test.tsx-snapshots/Object-Base-layouts-section2-dark-chromium-linux.png b/....visual.test.tsx-snapshots/Object-Base-layouts-section2-dark-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Object-Base-layouts-section2-light-chromium-linux.png b/...visual.test.tsx-snapshots/Object-Base-layouts-section2-light-chromium-linux.png
diff --git a/src/lib/kit/components/Layouts/Section/Section.scss b/src/lib/kit/components/Layouts/Section/Section.scss
@@ -16,7 +16,6 @@ $block: '.#{$ns}section';
 
         &_with-popover {
             display: flex;
-            align-items: center;
         }
     }
 

diff --git a/src/lib/kit/constants/common.ts b/src/lib/kit/constants/common.ts
@@ -2,7 +2,7 @@ import type {PopoverProps} from '@gravity-ui/uikit';
 
 export const COMMON_POPOVER_PLACEMENT: PopoverProps['placement'] = ['bottom', 'top'];
 
-export const COMMON_TITLE_MAX_WIDTH = 533;
+export const COMMON_TITLE_MAX_WIDTH = 523;
 
 export const OBJECT_VALUE_PROPERTY_NAME = 'value';
-Original file line number
+Diff line change
@@ Expand Up / @@ -16,7 +16,6 @@ $block: '.#{$ns}section'; @@
             &_with-popover {
                 display: flex;
-                align-items: center;
             }
         }
@@ Expand Down @@