Merge pull request #148 from youcan-shop/TH-284

TH-284: Origins > Slider core > Fix image border radius lost when mov…
youcan-shop · Jan 3, 2025 · 70cc4aa · 70cc4aa
2 parents 22be262 + 3bdf9a9
commit 70cc4aa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/themes/origins/assets/component-slider.css b/themes/origins/assets/component-slider.css
@@ -53,8 +53,6 @@ yc-slider .slider-area .slider-box .slider-inner yc-slider-item yc-slider-conten
   justify-content:center;
   width:calc(100% - 3em);
   height:calc(100% - 3em);
-  -webkit-backdrop-filter:var(--overlay-blur);
-          backdrop-filter:var(--overlay-blur);
   background-color:var(--overlay-background);
 }
 yc-slider .slider-area .slider-box .slider-inner yc-slider-item yc-slider-content[data-alignment$=left]{
@@ -130,6 +128,9 @@ yc-slider yc-slider-arrows[data-position$=left]{
 yc-slider yc-slider-arrows[data-position$=right]{
   justify-content:flex-end;
 }
+yc-slider[data-radius$=true] .slider-area .slider-box{
+  border-radius:var(--radius-lg);
+}
 yc-slider[data-radius$=true] yc-slider-item > :where(img, div, yc-slider-content){
   border-radius:var(--radius-lg);
 }

diff --git a/themes/origins/styles/component-slider.scss b/themes/origins/styles/component-slider.scss
@@ -55,7 +55,6 @@ yc-slider {
             justify-content: center;
             width: calc(100% - 3em);
             height: calc(100% - 3em);
-            backdrop-filter: var(--overlay-blur);
             background-color: var(--overlay-background);
 
             &[data-alignment$="left"] {
@@ -155,6 +154,9 @@ yc-slider {
   }
 
   &[data-radius$="true"] {
+    .slider-area .slider-box {
+      border-radius: var(--radius-lg);
+    }
     yc-slider-item > :where(img, div, yc-slider-content) {
       border-radius: var(--radius-lg);
     }