Override Oat accordion overflow to allow horizontal table scrolling

Amolith created 1 month ago

Oat sets overflow:hidden on <details> for border-radius clipping, which
prevents .table's overflow-x:auto from producing a scrollbar. Override
to overflow:visible on details containing a .table wrapper and reset the
wrapper's width/min-width so it fits inside the details margins instead
of spilling out.

Change summary

static/td.css | 7 +++++++
1 file changed, 7 insertions(+)

Detailed changes

static/td.css

@@ -50,6 +50,13 @@ code, pre, .mono { font-family: var(--font-mono); }
   transform: translateX(-50%);
   top: 0;
 }
+details:has(> .table) {
+  overflow: visible;
+}
+details:has(> .table) > .table {
+  width: auto;
+  min-width: 0;
+}
 [hidden] {
   display: none !important;
 }