[Sliders] Regression fix. Apply CSS only when necessary in theme edit…

…or (#3070) * [Sliders] Regretion fix. Apply CSS only when necessary in theme editor * change of approach * add comment to explain CSS
Shopify · Oct 19, 2023 · 069c198 · 069c198
1 parent d50698b
commit 069c198
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/assets/component-slider.css b/assets/component-slider.css
@@ -38,10 +38,6 @@ slider-component.slider-component-full-width {
   padding-bottom: 0;
 }
 
-.slider__slide[aria-hidden="true"] {
-  visibility: hidden;
-}
-
 @media screen and (max-width: 749px) {
   .slider.slider--mobile {
     position: relative;

diff --git a/sections/announcement-bar.liquid b/sections/announcement-bar.liquid
@@ -126,6 +126,12 @@
       </slideshow-component>
       {%- if request.design_mode -%}
         <script src="{{ 'theme-editor.js' | asset_url }}" defer="defer"></script>
+        <style>
+          /* theme editor power preview fix */
+          .announcement-bar-slider .slider__slide[aria-hidden='true'] {
+            visibility: hidden;
+          }
+        </style>
       {%- endif -%}
     {%- endif -%}
     <div class="localization-wrapper">