fix(Table): ensure accordion column has always a fixed width (#1806)

* fix(Table): ensure accordion column has always a fixed width * Update visual snapshots Co-authored-by: Tobias Høegh <[email protected]>
dnbexperience · Dec 13, 2022 · 1b951ef · 1b951ef
1 parent 0460280
commit 1b951ef
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 2 deletions.
diff --git a/packages/dnb-eufemia/src/components/table/__tests__/__snapshots__/Table.test.tsx.snap b/packages/dnb-eufemia/src/components/table/__tests__/__snapshots__/Table.test.tsx.snap
@@ -709,12 +709,15 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
     var(--color-black-20); }
   .dnb-table__th.dnb-table__th__accordion-icon {
     padding: 0; }
+    .dnb-table__th.dnb-table__th__accordion-icon,
     .dnb-table__th.dnb-table__th__accordion-icon div {
       width: 3.5rem;
       text-indent: -300vw; }
-      .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div {
+      .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--medium
+      .dnb-table__th.dnb-table__th__accordion-icon div {
         width: 3rem; }
-      .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div {
+      .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--small
+      .dnb-table__th.dnb-table__th__accordion-icon div {
         width: 2.5rem; }
   .dnb-table__td.dnb-table__td__accordion-icon {
     padding: 0;

diff --git a/...sx-table-with-accordion-screenshot-have-to-match-default-state-1-0d45e.snap.png b/...sx-table-with-accordion-screenshot-have-to-match-default-state-1-0d45e.snap.png
diff --git a/...ith-accordion-screenshot-have-to-match-focus-state-on-last-row-1-86251.snap.png b/...ith-accordion-screenshot-have-to-match-focus-state-on-last-row-1-86251.snap.png
diff --git a/...th-accordion-screenshot-have-to-match-hover-state-on-first-row-1-0a3aa.snap.png b/...th-accordion-screenshot-have-to-match-hover-state-on-first-row-1-0a3aa.snap.png
diff --git a/...ith-accordion-screenshot-have-to-match-hover-state-on-last-row-1-51bef.snap.png b/...ith-accordion-screenshot-have-to-match-hover-state-on-last-row-1-51bef.snap.png
diff --git a/packages/dnb-eufemia/src/components/table/style/_table-accordion.scss b/packages/dnb-eufemia/src/components/table/style/_table-accordion.scss
@@ -24,6 +24,7 @@
     padding: 0;
 
     // In case the table-layout is fixed
+    &,
     div {
       width: 3.5rem;
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,6 +24,7 @@ @@
         padding: 0;
         // In case the table-layout is fixed
+        &,
         div {
           width: 3.5rem;
@@ Expand Down @@