@posiwise/core-styles 1.0.17 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posiwise/core-styles",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/scss/_dynamic-styles.scss

@@ -548,6 +548,46 @@
         }
     }
 
+    // Touch fallback (AI52) — devices with no hover capability never fire
+    // tr:hover, so the collapsed/floating action strip above stays invisible
+    // and Edit/Delete become unreachable. On no-hover pointers, un-collapse
+    // the Action column and render the icon strip INLINE (static, always
+    // visible) so the actions are tappable. The strip is no longer a floating
+    // overlay here, so it doesn't cover row content. The table already scrolls
+    // horizontally below 1200px (admin-list-view.md T-7), so the reserved
+    // column width simply joins that scroll. Codified 2026-05-21.
+    @media (hover: none) {
+        .primeng-datatable-container {
+            th[class*='actions-list-'],
+            td[data-head='Action'],
+            td[data-head='Action'][data-head],
+            th[class*='actions-list-'][class*='actions-list-'] {
+                width: auto !important;
+                min-width: auto !important;
+                max-width: none !important;
+                padding: 6px 10px !important;
+                border-width: 1px !important;
+            }
+
+            td[data-head='Action'] ul {
+                position: static;
+                opacity: 1;
+                transform: none;
+                background: transparent;
+                box-shadow: none;
+                border-radius: 0;
+                padding: 0 !important;
+                // keep icons on one line; the table scroller handles overflow
+                flex-wrap: nowrap;
+                white-space: nowrap;
+                // the ul stretches full-width in the stacked cell, so right-pack
+                // its icons to line up with the value column (the data-head
+                // label sits left).
+                justify-content: flex-end;
+            }
+        }
+    }
+
     // Active-sort column background: PrimeNG's preset uses its own
     // hardcoded primary; bind it to --first so the sorted column tracks
     // the tenant accent (consistent with .p-datatable-thead default bg).
@@ -750,6 +790,14 @@
 
             > div {
                 flex: 1 1 auto;
+                // Zero the intrinsic Bootstrap .col gutter padding (~5px) that
+                // surfaces only in the stacked mobile layout. The dropdowns sit
+                // in `.col-*` (padded) while the search box sits in a bare
+                // `.text-end` (no padding), so without this they render at
+                // different widths and misalign. Edge-align all three at full
+                // width instead.
+                padding-left: 0;
+                padding-right: 0;
             }
         }
     }

package/scss/shared/_prime-ng-tables.scss

@@ -34,10 +34,6 @@
     .primeng-datatable-container {
         padding: 0 !important;
 
-        .fa-search {
-            display: none;
-        }
-
         .col-4,
         .col-8 {
             display: block;