handle text overflow in CopyButton

2025-01-09 15:46:00 +00:00 · 2022-06-14 11:26:10 +02:00 · 2022-06-14 11:26:10 +02:00 · 458d299b4a
commit 458d299b4a
parent 3f1c7bc9f7
1 changed files with 5 additions and 0 deletions
--- a/packages/status-react/src/system/copy-input/styles.tsx
+++ b/packages/status-react/src/system/copy-input/styles.tsx
@ -2,6 +2,11 @@ import { styled } from '~/src/styles/config'

 export const Wrapper = styled('div', {
  position: 'relative',
+
+  input: {
+    paddingRight: 82,
+    textOverflow: 'ellipsis',
+  },
 })

 export const CopyButton = styled('button', {