fix: trim long strings on extension list items (#1102)

anoma · Sep 13, 2024 · 2c0bc92 · 2c0bc92 · github-actions · Sep 13, 2024
1 parent 9c22c2d
commit 2c0bc92
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/extension/src/App/Settings/ConnectedSites.tsx b/apps/extension/src/App/Settings/ConnectedSites.tsx
@@ -84,7 +84,9 @@ export const ConnectedSites: React.FC = ({}) => {
                 "items-center text-base py-4 px-6"
               )}
             >
-              <span>{site}</span>
+              <span className="text-ellipsis overflow-hidden" title={site}>
+                {site}
+              </span>
               <span
                 className="p-2 cursor-pointer hover:text-yellow -mr-2"
                 onClick={() => handleRevokeConnection(site)}

diff --git a/packages/components/src/KeyListItem.tsx b/packages/components/src/KeyListItem.tsx
@@ -53,7 +53,9 @@ export const KeyListItem = ({
           checked={isMainKey}
         />
       </div>
-      <label>{alias}</label>
+      <label className="text-ellipsis overflow-hidden" title={alias}>
+        {alias}
+      </label>
       <DropdownMenu
         id={alias}
         align="right"