fix(clipboard): display long content correctly

ovh · Jul 29, 2024 · 7114e48 · 7114e48
1 parent 4a71276
commit 7114e48
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/ods/src/components/clipboard/src/components/ods-clipboard/ods-clipboard.scss b/packages/ods/src/components/clipboard/src/components/ods-clipboard/ods-clipboard.scss
@@ -7,6 +7,10 @@
 }
 
 .ods-clipboard {
+  &__input::part(input) {
+    padding-right: calc(input.$ods-input-actions-button-width + input.$ods-input-actions-padding-right);
+  }
+
   &__copy {
     display: flex;
     position: absolute;

diff --git a/packages/ods/src/components/clipboard/src/index.html b/packages/ods/src/components/clipboard/src/index.html
@@ -40,7 +40,7 @@
   </ods-clipboard>
 
   <p>Value</p>
-  <ods-clipboard value="Some content to copy">
+  <ods-clipboard value="Some content to copy Some content to copy Some content to copy Some content to copy">
   </ods-clipboard>
 
   <p>Event</p>