From cb17d80b6334d45d7bb4204c98536b617fddabb2 Mon Sep 17 00:00:00 2001
From: Phin Wolkwitz <wolkwitz@rami.io>
Date: Mon, 12 Feb 2024 13:51:25 +0100
Subject: [PATCH] Widget: Fix variations collapse indicator placement (#3883)

---
 src/pretix/static/pretixpresale/js/widget/widget.js | 2 +-
 src/pretix/static/pretixpresale/scss/widget.scss    | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pretix/static/pretixpresale/js/widget/widget.js b/src/pretix/static/pretixpresale/js/widget/widget.js
index 1b32fbc15..f346bc5da 100644
--- a/src/pretix/static/pretixpresale/js/widget/widget.js
+++ b/src/pretix/static/pretixpresale/js/widget/widget.js
@@ -503,7 +503,7 @@ Vue.component('item', {
 
         // Availability
         + '<div class="pretix-widget-item-availability-col">'
-        + '<a v-if="show_toggle" :href="\'#\' + item.id + \'-variants\'" @click.prevent.stop="expand" role="button" tabindex="0"'
+        + '<a class="pretix-widget-collapse-indicator" v-if="show_toggle" :href="\'#\' + item.id + \'-variants\'" @click.prevent.stop="expand" role="button" tabindex="0"'
         + '   v-bind:aria-expanded="expanded ? \'true\': \'false\'" v-bind:aria-controls="item.id + \'-variants\'">{{ variationsToggleLabel }}</a>'
         + '<availbox v-if="!item.has_variations" :item="item"></availbox>'
         + '</div>'
diff --git a/src/pretix/static/pretixpresale/scss/widget.scss b/src/pretix/static/pretixpresale/scss/widget.scss
index fccad8253..4c53646bb 100644
--- a/src/pretix/static/pretixpresale/scss/widget.scss
+++ b/src/pretix/static/pretixpresale/scss/widget.scss
@@ -430,7 +430,7 @@
   .pretix-widget-item-availability-col {
     text-align: center;
 
-    a::before {
+    .pretix-widget-collapse-indicator::before {
       content: "";
       display: inline-block;
       width: $font-size-base;
@@ -438,7 +438,8 @@
       background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg' xml:space='preserve'%3E%3Cpath fill='#{url-friendly-colour($link-color)}' d='M6.395 4.151a.268.268 0 0 0-.177.077l-.386.386a.259.259 0 0 0-.077.177c.002.067.029.13.077.179l3.033 3.031-3.033 3.032a.255.255 0 0 0-.077.177.253.253 0 0 0 .077.178l.386.385a.268.268 0 0 0 .177.077.27.27 0 0 0 .178-.077l3.595-3.595a.259.259 0 0 0 .077-.177.255.255 0 0 0-.077-.176L6.573 4.228a.257.257 0 0 0-.178-.077Z'/%3E%3C/svg%3E");
       transition: transform .5s;
     }
-    a[aria-expanded=true]::before {
+
+    .pretix-widget-collapse-indicator[aria-expanded=true]::before {
       transform: rotate(90deg);
     }
   }