@webority/theme 0.59.1 → 0.59.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.59.1",
+  "version": "0.59.2",
   "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

@@ -1184,8 +1184,9 @@
 }
 // 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 +1195,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.