handle text overflow in CopyButton

2025-01-13 10:14:57 +00:00 · 2022-06-14 11:26:10 +02:00 · 2022-06-14 11:26:10 +02:00 · e0f5c2ae12
commit e0f5c2ae12
parent 90292ba42e
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', {