ui fixes (#122)

* editable list styling fix * copy to clipboard fix * Table cell level styling * build and bump new version
TykTechnologies · May 7, 2020 · 1f3dc37 · 1f3dc37
1 parent bceda3d
commit 1f3dc37
Show file tree

Hide file tree

Showing 10 changed files with 15 additions and 8 deletions.
diff --git a/lib/index.css b/lib/index.css
diff --git a/lib/index.js b/lib/index.js
diff --git a/lib/index.js.map b/lib/index.js.map
diff --git a/lib/sass/components/EditableList/sass/EditableList.scss b/lib/sass/components/EditableList/sass/EditableList.scss
@@ -139,6 +139,8 @@
 
   .tyk-editable-list-item__text {
     display: block;
+    word-wrap: break-word;
+    word-break:break-all;
   }
 
   .tyk-editable-list-action__button {

diff --git a/lib/tyk-ui.css b/lib/tyk-ui.css
diff --git a/lib/tyk-ui.js b/lib/tyk-ui.js
diff --git a/lib/tyk-ui.js.map b/lib/tyk-ui.js.map
diff --git a/src/components/CopyToClipboard/js/CopyToClipboard.js b/src/components/CopyToClipboard/js/CopyToClipboard.js
@@ -25,7 +25,7 @@ const CopyToClipboard = (props) => {
         {children || display}
       </props.element>
       {!window.navigator.clipboard ? (
-        <textarea ref={txtRef} className="tyk-copy-to-clipboard" name="copy">
+        <textarea ref={txtRef} className="tyk-copy-to-clipboard" name="copy" value={copy}>
           {copy}
         </textarea>
       ) : null}

diff --git a/src/components/EditableList/sass/EditableList.scss b/src/components/EditableList/sass/EditableList.scss
@@ -139,6 +139,8 @@
 
   .tyk-editable-list-item__text {
     display: block;
+    word-wrap: break-word;
+    word-break:break-all;
   }
 
   .tyk-editable-list-action__button {

diff --git a/src/components/Table/js/cell.js b/src/components/Table/js/cell.js
@@ -9,7 +9,10 @@ export const Cell = ({ col, row }) => {
   if (col.type === 'string') {
     return (
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-      <td {...row?.values[col.id]?.events}>
+      <td
+        className={row.values[col.id].styling?.className || null}
+        {...row?.values[col.id]?.events}
+      >
         {row.values[col.id]?.value}
       </td>
     );