@rh-support/cases 1.0.38 → 1.0.40

package/lib/esm/css/caseList.css

@@ -467,109 +467,75 @@
 .filter-group .pf-c-select__toggle {
     --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color) !important;
 }
-@media (min-width: 770px) {
-    /*  Checkbox Header  */
-    .case-list-table thead > tr > :nth-child(1) {
-        position: sticky;
-        background-color: white;
-        left: 0px;
-        z-index: 1;
-    }
 
-    /*  Checkbox Body  */
+@media (min-width: 770px) {
+    /*  Checkbox  */
+    .case-list-table thead > tr > :nth-child(1),
     .case-list-table tbody > tr > :nth-child(1) {
         position: sticky;
         background-color: white;
         left: 0px;
         z-index: 1;
+        background-clip: padding-box;
     }
 
     /*  Case ID  */
     .case-list-table tbody > tr > :nth-child(2) {
         position: sticky;
         background-color: white;
-        left: 50px;
-        z-index: 1;
-    }
-
-    /*  Issue Summary  */
-    .case-list-table tbody > tr > :nth-child(3) {
-        position: sticky;
-        background-color: white;
-        left: 150px;
+        left: 87px;
         z-index: 1;
+        background-clip: padding-box;
     }
 
     /*  Case ID Header */
     th.pf-c-table__sort[data-label='Case ID'] {
-        min-width: 120px;
-        position: sticky;
-        background-color: white;
-        left: 50px;
-        z-index: 1;
-    }
-
-    /*  Issue Summary Header */
-    th.pf-c-table__sort[data-label='Issue summary'] {
-        min-width: 160px;
         position: sticky;
         background-color: white;
-        left: 150px;
+        left: 87px;
         z-index: 1;
+        background-clip: padding-box;
     }
 
-    /*  Owner Header  */
-    th.pf-c-table__sort[data-label='Owner'] {
-        min-width: 120px;
+    /* Vertical border to divide sticky columns and other columns*/
+    .case-list-table tbody > tr > :nth-child(2):before,
+    th.pf-c-table__sort[data-label='Case ID']:before {
+        position: absolute;
+        content: '';
+        top: 0px;
+        right: 0px;
+        height: 100%;
+        border-right: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
     }
 
-    /*  Modified by Header  */
-    th.pf-c-table__sort[data-label='Modified by'] {
-        min-width: 150px;
-    }
-
-    /*  Severity Header  */
-    th.pf-c-table__sort[data-label='Severity'] {
-        min-width: 120px;
-    }
-
-    /*  Status Header  */
-    th.pf-c-table__sort[data-label='Status'] {
-        min-width: 120px;
+    /*  Issue Summary Header */
+    th.pf-c-table__sort[data-label='Issue summary'],
+    .case-list-table tbody > tr > :nth-child(3) {
+        min-width: 260px;
     }
 
-    /*  Created by Header  */
-    th.pf-c-table__sort[data-label='Created by'] {
-        min-width: 150px;
+    th.pf-c-table__sort[data-label='Owner'],
+    th.pf-c-table__sort[data-label='Status'],
+    th.pf-c-table__sort[data-label='Group'] {
+        min-width: 140px;
     }
 
-    /*  Product and version Header  */
-    th.pf-m-width-15[data-label='Product and version'] {
+    th.pf-c-table__sort[data-label='Severity'],
+    th.pf-c-table__sort[data-label='Case ID'] {
         min-width: 150px;
     }
 
-    /*  Account number Header  */
-    th.pf-c-table__sort[data-label='Account number'] {
-        min-width: 180px;
-    }
-
-    /*  Alternate case ID Header  */
+    th.pf-c-table__sort[data-label='Modified by'],
+    th.pf-c-table__sort[data-label='Created by'],
+    th.pf-m-width-15[data-label='Product and version'],
+    th.pf-c-table__sort[data-label='Account number'],
     th.pf-c-table__sort[data-label='Alternate case ID'] {
-        min-width: 180px;
-    }
-
-    /*  Case type Header  */
-    th.pf-c-table__sort[data-label='Case type'] {
-        min-width: 140px;
-    }
-
-    /*  Group Header    */
-    th.pf-c-table__sort[data-label='Group'] {
-        min-width: 120px;
+        min-width: 220px;
     }
 
     /*  Closed Date Header  */
-    th.pf-c-table__sort.pf-m-width-10[data-label='Closed date'] {
-        min-width: 150px;
+    th.pf-c-table__sort.pf-m-width-10[data-label='Closed date'],
+    th.pf-c-table__sort[data-label='Case type'] {
+        min-width: 200px;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "1.0.38",
+    "version": "1.0.40",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -51,8 +51,8 @@
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-table": "4.111.33",
-        "@rh-support/components": "1.2.20",
-        "@rh-support/react-context": "1.0.28",
+        "@rh-support/components": "1.2.21",
+        "@rh-support/react-context": "1.0.29",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "1.0.11",
         "@rh-support/utils": "1.0.9",
@@ -99,5 +99,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "d2e4f224466f0bcc58e1ac159a687d40da7d3e21"
+    "gitHead": "3c326631e18b58f18b4d5c8095187c456a00f11b"
 }