Bring zapper look in line with uBO Lite's zapper

gorhill · gorhill · commit 3f59f94b60c3 · 2025-05-02T08:56:30.000-04:00
diff --git a/src/css/epicker-ui.css b/src/css/epicker-ui.css
@@ -1,3 +1,7 @@
+:root {
+    --quit-button-size: max(4em, min(6em, calc(100vw / 8), calc(100vh / 8)));
+}
+
 html#ublock0-epicker,
 #ublock0-epicker body {
     background: transparent;
@@ -26,7 +30,10 @@ html#ublock0-epicker,
     z-index: 100;
 }
 #ublock0-epicker.zap aside {
+    bottom: unset !important;
     min-width: unset !important;
+    top: 50%;
+    transform: translateY(-50%);
     width: unset !important;
 }
 #ublock0-epicker.zap aside > section,
@@ -35,8 +42,8 @@ html#ublock0-epicker,
     display: none;
 }
 #ublock0-epicker.zap aside > #windowbar > #quit {
-    height: 2.5em;
-    width: 2.5em;
+    width: var(--quit-button-size);
+    height: var(--quit-button-size);
 }
 #ublock0-epicker:not(.paused) aside,
 #ublock0-epicker.minimized aside {
