diff --git a/packages/widget-utils b/packages/widget-utils index 8563b595..7e1c4387 160000 --- a/packages/widget-utils +++ b/packages/widget-utils @@ -1 +1 @@ -Subproject commit 8563b595e12173376a1eca7b478c536cc51fe706 +Subproject commit 7e1c4387886f9c5d35a1a11814320b7ff9a6e8da diff --git a/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss b/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss index 2797c37e..b425d866 100644 --- a/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss +++ b/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss @@ -16,7 +16,7 @@ html { background: var(--widget-background); } -expanded-tiles[variation="story"] { +expanded-tiles[variation="vertical"] { --expanded-tiles-background: #fff; @include sicon.shopspot-icon-styles; @@ -80,7 +80,7 @@ shopspot-icon { @include es.swiper-expanded-styles; } -expanded-tiles[variation="story"]:not(:empty) { +expanded-tiles[variation="vertical"]:not(:empty) { :host { transition: ease all 0.5s; } @@ -883,7 +883,7 @@ expanded-tiles[variation="story"]:not(:empty) { } @include media-queries.breakpoint(mobile) { - expanded-tiles[variation="story"]:not(:empty) { + expanded-tiles[variation="vertical"]:not(:empty) { height: 100dvh !important; iframe { diff --git a/widgets/shortvideo/widget.scss b/widgets/shortvideo/widget.scss index b261178b..4ccff24b 100644 --- a/widgets/shortvideo/widget.scss +++ b/widgets/shortvideo/widget.scss @@ -1,4 +1,3 @@ -@forward "../libs/vertical-expanded-tiles/styles/expanded-tiles"; @use "styles"; @use "@styles/partials/media-queries"; @use "dimens"; \ No newline at end of file diff --git a/widgets/storyline/widget.scss b/widgets/storyline/widget.scss index 1e71b0b5..4ccff24b 100644 --- a/widgets/storyline/widget.scss +++ b/widgets/storyline/widget.scss @@ -1,4 +1,3 @@ -// @forward "../libs/vertical-expanded-tiles/styles/expanded-tiles"; @use "styles"; @use "@styles/partials/media-queries"; @use "dimens"; \ No newline at end of file diff --git a/widgets/styles/partials/_common-widget-styles.scss b/widgets/styles/partials/_common-widget-styles.scss index c316bf3d..2caeedfa 100644 --- a/widgets/styles/partials/_common-widget-styles.scss +++ b/widgets/styles/partials/_common-widget-styles.scss @@ -19,7 +19,7 @@ @use "@styles/templates/share-menu" as smenu; @use "icon-sections" as is; @use "expanded-swiper" as es; - +@use "../libs/vertical-expanded-tiles/styles/expanded-tiles"; // Mixin that applies all common widget styles // Usage: @include common-widget-styles.apply-common-styles('.widget-inline');