diff --git a/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretContent.scss b/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretContent.scss index e2009d7b950..9db12fdec6a 100644 --- a/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretContent.scss +++ b/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretContent.scss @@ -9,8 +9,12 @@ margin: 0; min-width: 0; white-space: pre-wrap; - word-wrap: break-word; + overflow-wrap: break-word; padding-left: 0.3em; padding-right: 0.3em; color: inherit; } + +.SecretType { + overflow-wrap: break-word; +} diff --git a/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretItem.tsx b/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretItem.tsx index 0603bdb592f..521e8aa4ad4 100644 --- a/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretItem.tsx +++ b/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/SecretItem.tsx @@ -23,7 +23,7 @@ const SecretItem: React.SFC<ISecretItemRow> = props => { return ( <React.Fragment> <td className="col-3">{resource.metadata.name}</td> - <td className="col-2">{resource.type}</td> + <td className="col-2 SecretType">{resource.type}</td> {isEmpty(resource.data) ? ( <td className="col-7"> <span>This Secret is empty</span> diff --git a/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/__snapshots__/SecretItem.test.tsx.snap b/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/__snapshots__/SecretItem.test.tsx.snap index dc05b852f9f..f63308224ec 100644 --- a/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/__snapshots__/SecretItem.test.tsx.snap +++ b/dashboard/src/components/AppView/ResourceTable/ResourceItem/SecretItem/__snapshots__/SecretItem.test.tsx.snap @@ -8,7 +8,7 @@ exports[`renders a SecretItemDatum component for each Secret key 1`] = ` foo </td> <td - className="col-2" + className="col-2 SecretType" > Opaque </td> @@ -37,7 +37,7 @@ exports[`when there is an empty Secret displays a message 1`] = ` foo </td> <td - className="col-2" + className="col-2 SecretType" > Opaque </td>