@webority/theme 0.59.1 → 0.59.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.59.1",
+  "version": "0.59.3",
   "description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
   "license": "SEE LICENSE IN LICENSE",
   "publishConfig": {

package/scss/wui/_data.scss

@@ -1182,10 +1182,18 @@
 .table-wrap.wui-table-scroll .table-ledger.wui-table-sticky-actions > thead > tr > :last-child {
     z-index: 3;
 }
+// Each pinned cell is its own stacking context, so the next row's pinned cell would paint over an
+// open menu inside this one. The cell that holds an open menu lifts above its pinned siblings.
+.table-ledger.wui-table-sticky-actions > :is(tbody, tfoot) > tr:not(.wui-row-expanded) > :last-child:has([aria-expanded="true"], .dropdown-menu.show),
+.table-ledger.wui-table-sticky-first > :is(tbody, tfoot) > tr:not(.wui-row-expanded) > :first-child:has([aria-expanded="true"], .dropdown-menu.show),
+.table-ledger > :is(tbody, tfoot) > tr:not(.wui-row-expanded, .wui-group-row) > :is(.wui-pin-start, .wui-pin-end):has([aria-expanded="true"], .dropdown-menu.show) {
+    z-index: 4;
+}
 // The wrap's padding is inside its scroll box, so a pinned cell stops one padding short of the
 // scroller's edge and scrolled cells show in the strip beyond it. While content runs past that
-// edge, the outermost pinned cell paints the strip. Its width is the wrap's padding token, so a
-// token with more than one value covers nothing.
+// edge, the outermost pinned cell paints the strip. Its width is the wrap's measured padding
+// (scrollEdges.js sets --wui-scroll-pad-start and -end), never the token: a cover wider than the
+// strip runs past the scroll box, becomes overflow itself and keeps the end flag set.
 .table-wrap[data-wui-overflow-start] > .table-ledger.wui-table-sticky-first > * > tr:not(.wui-row-expanded) > :first-child::after,
 .table-wrap[data-wui-overflow-end] > .table-ledger.wui-table-sticky-actions > * > tr:not(.wui-row-expanded) > :last-child::after {
     content: "";
@@ -1194,14 +1202,15 @@
     // row would push past the wrap's padding and add a vertical scroll.
     top: -1px;
     bottom: 0;
-    width: var(--wui-table-pad, 20px);
     background: var(--color-surface);
 }
 .table-wrap[data-wui-overflow-start] > .table-ledger.wui-table-sticky-first > * > tr:not(.wui-row-expanded) > :first-child::after {
     right: 100%;
+    width: var(--wui-scroll-pad-start, 0);
 }
 .table-wrap[data-wui-overflow-end] > .table-ledger.wui-table-sticky-actions > * > tr:not(.wui-row-expanded) > :last-child::after {
     left: 100%;
+    width: var(--wui-scroll-pad-end, 0);
 }
 
 // Row actions — icon-only buttons replacing a kebab dropdown.