From 3ea44365be27c3a4d816442e55f6c757510bb4f4 Mon Sep 17 00:00:00 2001
From: Jeremy Seipelt <js@prograp.de>
Date: Thu, 14 Oct 2021 17:52:02 +0200
Subject: [PATCH] use mixin and add space

---
 Resources/app/storefront/src/scss/_badge.scss      | 2 +-
 Resources/app/storefront/src/scss/base/_badge.scss | 4 ++++
 Resources/config/config.xml                        | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/Resources/app/storefront/src/scss/_badge.scss b/Resources/app/storefront/src/scss/_badge.scss
index 3db7a5e..6b384e0 100644
--- a/Resources/app/storefront/src/scss/_badge.scss
+++ b/Resources/app/storefront/src/scss/_badge.scss
@@ -33,7 +33,7 @@
     }
 
     &.floating {
-        position: fixed;
+        @include pro-customer-reviews-badge-floating();
     }
 
     &.theme-dark {
diff --git a/Resources/app/storefront/src/scss/base/_badge.scss b/Resources/app/storefront/src/scss/base/_badge.scss
index b42f3c4..14bae82 100644
--- a/Resources/app/storefront/src/scss/base/_badge.scss
+++ b/Resources/app/storefront/src/scss/base/_badge.scss
@@ -133,3 +133,7 @@ $pro-customer-reviews-badge-dark-color: rgba(255, 255, 255, .6);
     color: $color;
     font-size: 20px;
 }
+
+@mixin pro-customer-reviews-badge-floating() {
+    position: fixed;
+}
diff --git a/Resources/config/config.xml b/Resources/config/config.xml
index a270c77..f7931dc 100644
--- a/Resources/config/config.xml
+++ b/Resources/config/config.xml
@@ -57,6 +57,7 @@
                 </option>
             </options>
         </input-field>
+
         <input-field type="single-select">
             <name>theme</name>
             <label>Badge Theme</label>
@@ -80,6 +81,7 @@
                 </option>
             </options>
         </input-field>
+
         <input-field type="single-select">
             <name>float</name>
             <label>Badge Float</label>
@@ -115,6 +117,7 @@
                 </option>
             </options>
         </input-field>
+
         <input-field type="int">
             <name>offsetX</name>
             <label>Offset X axis</label>
@@ -123,6 +126,7 @@
             <helpText lang="de-DE">Abstand auf der X Achse vom nähesten Rand. Nur auf Floating-Badges anwendbar!</helpText>
             <defaultValue>0</defaultValue>
         </input-field>
+
         <input-field type="int">
             <name>offsetY</name>
             <label>Offset Y axis</label>
@@ -131,6 +135,7 @@
             <helpText lang="de-DE">Abstand auf der Y Achse vom nähesten Rand. Nur auf Floating-Badges anwendbar!</helpText>
             <defaultValue>0</defaultValue>
         </input-field>
+
         <input-field type="bool">
             <name>loadLib</name>
             <label>Load Google Maps Library</label>