web: Use PF Thead#noWrap prop

Instead of overriding CSS. It reverts #1153
agama-project · May 22, 2024 · 4d354d2 · 4d354d2
1 parent 00c4e79
commit 4d354d2
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>