use mixin and add space

PROGRAP · Oct 20, 2021 · 3ea4436 · 3ea4436
1 parent b2aa888
commit 3ea4436
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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>