@webority/theme 0.57.0 → 0.59.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.57.0",
+  "version": "0.59.0",
   "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,27 @@
 .table-wrap.wui-table-scroll .table-ledger.wui-table-sticky-actions > thead > tr > :last-child {
     z-index: 3;
 }
+// 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.
+.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: "";
+    position: absolute;
+    // 1px up covers the row line above, which runs through the strip too. Never down: the last
+    // 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%;
+}
+.table-wrap[data-wui-overflow-end] > .table-ledger.wui-table-sticky-actions > * > tr:not(.wui-row-expanded) > :last-child::after {
+    left: 100%;
+}
 
 // Row actions — icon-only buttons replacing a kebab dropdown.
 .u-row-actions {