fix(suite): Fix labelling blinking (#16706)

trezor · Jan 30, 2025 · ad24b89 · ad24b89
1 parent 26803f8
commit ad24b89
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 19 deletions.
diff --git a/packages/suite/src/components/suite/AccountLabel.tsx b/packages/suite/src/components/suite/AccountLabel.tsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-import { BadgeSize, Row, TOOLTIP_DELAY_LONG, TruncateWithTooltip } from '@trezor/components';
+import { BadgeSize, Row } from '@trezor/components';
 import { spacings } from '@trezor/theme';
 import type {
     AccountType,
@@ -43,22 +43,20 @@ export const AccountLabel = ({
     const { getDefaultAccountLabel } = useDefaultAccountLabel();
 
     return (
-        <TruncateWithTooltip delayShow={TOOLTIP_DELAY_LONG}>
-            <Row gap={spacings.sm}>
-                {accountLabel ? (
-                    <TabularNums>{accountLabel}</TabularNums>
-                ) : (
-                    getDefaultAccountLabel({ accountType, symbol, index })
-                )}
-                {showAccountTypeBadge && (
-                    <AccountTypeBadge
-                        accountType={accountType}
-                        size={accountTypeBadgeSize}
-                        path={path}
-                        networkType={networkType}
-                    />
-                )}
-            </Row>
-        </TruncateWithTooltip>
+        <Row gap={spacings.sm}>
+            {accountLabel ? (
+                <TabularNums>{accountLabel}</TabularNums>
+            ) : (
+                getDefaultAccountLabel({ accountType, symbol, index })
+            )}
+            {showAccountTypeBadge && (
+                <AccountTypeBadge
+                    accountType={accountType}
+                    size={accountTypeBadgeSize}
+                    path={path}
+                    networkType={networkType}
+                />
+            )}
+        </Row>
     );
 };
diff --git a/packages/suite/src/components/suite/labeling/MetadataLabeling/withDropdown.tsx b/packages/suite/src/components/suite/labeling/MetadataLabeling/withDropdown.tsx
@@ -28,7 +28,7 @@ export const withDropdown = (WrappedComponent: FC<ExtendedProps>) => (props: Pro
         isDisabled={props.editActive}
         placement={{
             position: 'bottom',
-            alignment: 'end',
+            alignment: 'start',
         }}
         renderOnClickPosition
         items={[

diff --git a/...ages/suite/src/components/wallet/TransactionItem/TransactionTarget/TargetAddressLabel.tsx b/...ages/suite/src/components/wallet/TransactionItem/TransactionTarget/TargetAddressLabel.tsx
@@ -10,6 +10,7 @@ import { AccountLabels } from 'src/types/suite/metadata';
 const TruncatedSpan = styled.span<{ $isBlurred?: boolean }>`
     overflow: hidden;
     text-overflow: ellipsis;
+    white-space: nowrap;
 `;
 
 interface TargetAddressLabelProps {