make live previews play nice with window/slider resizes

1 files changed, 9 insertions, 8 deletions

diff --git a/style.css b/style.css
index 38a01e72..5cd9f9c2 100644
--- a/style.css
+++ b/style.css
@@ -499,11 +499,15 @@ table.popup-table .link{
 

 /* live preview */

 .progressDiv{

-    position: relative;

+    position: absolute;

     height: 20px;

     background: #b4c0cc;

     border-radius: 3px !important;

-    margin-bottom: -3px;

+    top: -20px;

+}

+

+[id$=_results].mobile{

+    margin-top: 28px;

 }

 

 .dark .progressDiv{

@@ -528,12 +532,9 @@ table.popup-table .link{
 .livePreview{

     position: absolute;

     z-index: 300;

-    background-color: white;

-    margin: -4px;

-}

-

-.dark .livePreview{

-    background-color: rgb(17 24 39 / var(--tw-bg-opacity));

+    background: var(--background-fill-primary);

+    width: 100%;

+    height: 100%;

 }

 

 .livePreview img{