v0.34.7

src/admin/web/style.css

@@ -5580,6 +5580,13 @@ dialog .window-heading {
     white-space: normal
 }
 
+/* Nested Settings tab bars must scroll with their content. The global sticky
+   rule otherwise lets cache subtabs paint across checkboxes while scrolling. */
+#panel-settings .settings-tabs.sub-tabs {
+    position: static;
+    top: auto;
+}
+
 #panel-settings .settings-pages {
     min-width: 0
 }
@@ -9387,6 +9394,51 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
     white-space: nowrap;
 }
 
+.cache-varnish-setting {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 14px;
+    position: relative;
+}
+
+.cache-varnish-setting .check {
+    min-width: 0;
+    flex: 0 1 auto;
+    margin: 0 !important;
+}
+
+.cache-varnish-info {
+    position: static;
+    flex-shrink: 0;
+}
+
+.cache-varnish-grace-field {
+    width: min(320px, 100%);
+    min-width: 0;
+    margin-top: 12px;
+}
+
+.cache-varnish-grace-field label {
+    display: block;
+}
+
+.cache-varnish-grace-field input {
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.cache-varnish-info .metric-info-popover {
+    width: calc(min(440px, 100vw - 56px));
+    max-height: calc(min(65vh, 450px));
+    overflow-y: auto;
+}
+
+.cache-varnish-info .metric-info-popover .fine + .fine {
+    margin-top: 8px;
+}
+
 .cache-maintenance-help {
     display: flex;
     align-items: center;