web: Use PF Thead#noWrap prop

Instead of overriding CSS. It reverts #1153
agama-project · May 13, 2024 · 2790e46 · 2790e46
1 parent d2096d1
commit 2790e46
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 8 deletions.
diff --git a/web/src/assets/styles/patternfly-overrides.scss b/web/src/assets/styles/patternfly-overrides.scss
@@ -266,11 +266,6 @@ ul {
  border-block-end: 0;
 }
 
-.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > th {
- white-space: normal;
- vertical-align: middle;
-}
-
 .pf-v5-c-radio {
  align-items: center;
 }

diff --git a/web/src/components/core/ExpandableSelector.jsx b/web/src/components/core/ExpandableSelector.jsx
@@ -57,7 +57,7 @@ import { Table, Thead, Tr, Th, Tbody, Td, ExpandableRowContent, RowSelectVariant
  * @param {ExpandableSelectorColumn[]} props.columns
  */
 const TableHeader = ({ columns }) => (
- <Thead>
+ <Thead noWrap>
  <Tr>
  <Th />
  <Th />

diff --git a/web/src/components/core/TreeTable.jsx b/web/src/components/core/TreeTable.jsx
@@ -136,7 +136,7 @@ export default function TreeTable({
  isTreeTable
  data-type="agama/tree-table"
  >
- <Thead>
+ <Thead noWrap>
  <Tr>
  { columns.map((c, i) => <Th key={i} className={c.classNames}>{c.name}</Th>) }
  </Tr>

diff --git a/web/src/components/storage/PartitionsField.jsx b/web/src/components/storage/PartitionsField.jsx
@@ -496,7 +496,7 @@ const VolumesTable = ({
 
  return (
  <Table aria-label={_("Table with mount points")} variant="compact" borders>
- <Thead>
+ <Thead noWrap>
  <Tr>
  <Th>{columns.mountPath}</Th>
  <Th>{columns.details}</Th>