@webority/theme 0.59.2 → 0.59.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.59.2",
+  "version": "0.59.4",
   "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,6 +1182,13 @@
 .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 measured padding

package/scss/wui/_overlays.scss

@@ -247,6 +247,16 @@
     padding: 16px 22px;
     border-top: 1px solid var(--color-border);
 }
+// The primary action is last in the DOM, so column-reverse puts it on top of the stack.
+@include media-breakpoint-down(sm) {
+    .wui-modal-footer {
+        flex-direction: column-reverse;
+        align-items: stretch;
+    }
+    .wui-modal-footer > .btn {
+        width: 100%;
+    }
+}
 
 // Modal close — a steady rounded-square (squircle) that takes a danger tint on
 // hover, so dismissing reads as the destructive-ish gesture it is. The corner is