🗽 Sync 2026-10-26 14:45:36

luci-theme-argon/less/components/sections.less

@@ -1,5 +1,13 @@
 // out: false
 
+// Opt-in surface for native views that do not render a cbi-section.
+.native-page-card() {
+  min-width: 0;
+  border-radius: var(--radius-card);
+  background-color: var(--surface-color);
+  box-shadow: var(--section-shadow);
+}
+
 .cbi-section,
 .cbi-section-error,
 #iptables,
@@ -8,7 +16,6 @@
 #cbi-wireless>.cbi-section-node,
 #cbi-wireless>#wifi_assoclist_table,
 [data-tab-title],
-[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear),
 [data-page="admin-system-opkg"] #maincontent>.container {
   font-family: inherit;
   font-weight: normal;

luci-theme-argon/less/components/tables.less

@@ -1,5 +1,40 @@
 // out: false
 
+// Standalone native tables have no section to supply their surface or corners.
+// Round painted cells instead of clipping interactive descendants.
+.native-table-card() {
+  .native-page-card();
+  border-collapse: separate;
+  border-spacing: 0;
+  overflow: visible;
+
+  > :is(thead, tbody, .thead, .tbody):first-child,
+  > :is(thead, tbody, .thead, .tbody):first-child > :is(tr, .tr):first-child,
+  > :is(tr, .tr):first-child {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+  }
+
+  > :is(thead, tbody, .thead, .tbody):first-child > :is(tr, .tr):first-child > :is(td, th, .td, .th),
+  > :is(tr, .tr):first-child > :is(td, th, .td, .th) {
+    &:first-child {
+      border-start-start-radius: inherit;
+    }
+
+    &:last-child {
+      border-start-end-radius: inherit;
+    }
+  }
+
+  @media screen and (max-width: 1152px) {
+    // Responsive tables hide their title row; the first data row owns the top.
+    :is(.table-titles, .cbi-section-table-titles) + .tr {
+      border-start-start-radius: inherit;
+      border-start-end-radius: inherit;
+    }
+  }
+}
+
 // table
 
 .table {