updated the styling of the link when it links to a modal box

sschreier · Aug 4, 2024 · 2b5a525 · 2b5a525
1 parent 25eccb3
commit 2b5a525
Show file tree

Hide file tree

Showing 8 changed files with 57 additions and 57 deletions.
diff --git a/README.md b/README.md
@@ -44,13 +44,10 @@ A shopware 6 extension for a bar for information and notification texts or messa
  - IconTopBarArea4
 
 ## Some changes in the settings within the configuration are not immediately visible in the frontend of the shop
-After changing settings specifically for the appearance of the areas (*1), the theme must be recompiled, for example by reassigning the theme to the sales channel in the administration:
-1. Click on the current sales channel under "Sales Channels"
-2. Click on the tab "Theme"
-3. Click on the button "Change theme"
-4. Select the current theme
-5. Click on the button "Save"
-6. Clock on the button "Change theme"
+After changing settings specifically for the appearance of the areas (*1), the theme must be recompiled, for example by saving the theme in the administration:
+1. Switch to "Content" and "Themes"
+2. Select the active theme
+3. Click on the button "Save"
 
 ## How to install the extension
 ### via console (recommended)

diff --git a/composer.json b/composer.json
@@ -1,7 +1,7 @@
 {
     "name": "sschreier/sschreiertopbarnotifications",
     "description": "Leiste für Informations- und Hinweistexte oder Meldungen",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "type": "shopware-platform-plugin",
     "license": "proprietary",
     "authors": [

diff --git a/src/Resources/app/storefront/src/scss/base.scss b/src/Resources/app/storefront/src/scss/base.scss
@@ -1 +1 @@
-@import 'top-bar-notifications.scss';
+@import 'top-bar-notifications';
diff --git a/src/Resources/app/storefront/src/scss/top-bar-notifications.scss b/src/Resources/app/storefront/src/scss/top-bar-notifications.scss
@@ -222,6 +222,7 @@ $sschreier-font-size-top-bar-area4: 14 !default;
             .top-bar-notification-nav-item-link {
                 display: flex;
                 width: 100%;
+                text-decoration: none;
 
                 &:hover {
                     text-decoration: none;

diff --git a/src/Resources/config/config.xml b/src/Resources/config/config.xml
@@ -1067,17 +1067,17 @@
             <label>icon color</label>
             <label lang="de-DE">Iconfarbe</label>
             <css>sschreier-icon-color-top-bar-area1</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverIconColorTopBarArea1</name>
             <label>hover icon color if the area is linked</label>
             <label lang="de-DE">Hover - Iconfarbe, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-icon-color-top-bar-area1</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -1109,17 +1109,17 @@
             <label>font color of the content</label>
             <label lang="de-DE">Schriftfarbe des Inhalts</label>
             <css>sschreier-font-color-top-bar-area1</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverFontColorTopBarArea1</name>
             <label>hover font color of the content if the area is linked</label>
             <label lang="de-DE">Hover - Schriftfarbe des Inhalts, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-font-color-top-bar-area1</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -1153,7 +1153,7 @@
             <name>contentTextEditorTopBarArea1</name>
             <label>content</label>
             <label lang="de-DE">Inhalt</label>
-            <defaultValue>Schneller Versand</defaultValue>
+            <defaultValue>Fast shipping</defaultValue>
         </component>
 
         <component name="sw-snippet-field">
@@ -1220,8 +1220,8 @@
             <name>linkTitleTopBarArea1</name>
             <label>title of the link (required field when setting a link)</label>
             <label lang="de-DE">Titel des Links (Pflichtfeld beim Setzen eines Links)</label>
-            <defaultValue>Schneller Versand</defaultValue>
-            <placeholder>Schneller Versand</placeholder>
+            <defaultValue>Fast shipping</defaultValue>
+            <placeholder>Fast shipping</placeholder>
         </input-field>
 
         <input-field type="single-select">
@@ -2222,17 +2222,17 @@
             <label>icon color</label>
             <label lang="de-DE">Iconfarbe</label>
             <css>sschreier-icon-color-top-bar-area2</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverIconColorTopBarArea2</name>
             <label>hover icon color if the area is linked</label>
             <label lang="de-DE">Hover - Iconfarbe, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-icon-color-top-bar-area2</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -2264,17 +2264,17 @@
             <label>font color of the content</label>
             <label lang="de-DE">Schriftfarbe des Inhalts</label>
             <css>sschreier-font-color-top-bar-area2</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverFontColorTopBarArea2</name>
             <label>hover font color of the content if the area is linked</label>
             <label lang="de-DE">Hover - Schriftfarbe des Inhalts, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-font-color-top-bar-area2</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -2308,7 +2308,7 @@
             <name>contentTextEditorTopBarArea2</name>
             <label>content</label>
             <label lang="de-DE">Inhalt</label>
-            <defaultValue>Günstige Versandkosten</defaultValue>
+            <defaultValue>Low shipping costs</defaultValue>
         </component>
 
         <component name="sw-snippet-field">
@@ -2375,8 +2375,8 @@
             <name>linkTitleTopBarArea2</name>
             <label>title of the link (required field when setting a link)</label>
             <label lang="de-DE">Titel des Links (Pflichtfeld beim Setzen eines Links)</label>
-            <defaultValue>Schneller Versand</defaultValue>
-            <placeholder>Schneller Versand</placeholder>
+            <defaultValue>Low shipping costs</defaultValue>
+            <placeholder>Low shipping costs</placeholder>
         </input-field>
 
         <input-field type="single-select">
@@ -3377,17 +3377,17 @@
             <label>icon color</label>
             <label lang="de-DE">Iconfarbe</label>
             <css>sschreier-icon-color-top-bar-area3</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverIconColorTopBarArea3</name>
             <label>hover icon color if the area is linked</label>
             <label lang="de-DE">Hover - Iconfarbe, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-icon-color-top-bar-area3</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -3419,17 +3419,17 @@
             <label>font color of the content</label>
             <label lang="de-DE">Schriftfarbe des Inhalts</label>
             <css>sschreier-font-color-top-bar-area3</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverFontColorTopBarArea3</name>
             <label>hover font color of the content if the area is linked</label>
             <label lang="de-DE">Hover - Schriftfarbe des Inhalts, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-font-color-top-bar-area3</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -3463,7 +3463,7 @@
             <name>contentTextEditorTopBarArea3</name>
             <label>content</label>
             <label lang="de-DE">Inhalt</label>
-            <defaultValue>30 Tage Rückgaberecht</defaultValue>
+            <defaultValue>30 days return policy</defaultValue>
         </component>
 
         <component name="sw-snippet-field">
@@ -3530,8 +3530,8 @@
             <name>linkTitleTopBarArea3</name>
             <label>title of the link (required field when setting a link)</label>
             <label lang="de-DE">Titel des Links (Pflichtfeld beim Setzen eines Links)</label>
-            <defaultValue>Schneller Versand</defaultValue>
-            <placeholder>Schneller Versand</placeholder>
+            <defaultValue>30 days return policy</defaultValue>
+            <placeholder>30 days return policy</placeholder>
         </input-field>
 
         <input-field type="single-select">
@@ -4532,17 +4532,17 @@
             <label>icon color</label>
             <label lang="de-DE">Iconfarbe</label>
             <css>sschreier-icon-color-top-bar-area4</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverIconColorTopBarArea4</name>
             <label>hover icon color if the area is linked</label>
             <label lang="de-DE">Hover - Iconfarbe, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-icon-color-top-bar-area4</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -4574,17 +4574,17 @@
             <label>font color of the content</label>
             <label lang="de-DE">Schriftfarbe des Inhalts</label>
             <css>sschreier-font-color-top-bar-area4</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#2b3136</defaultValue>
+            <placeholder>#2b3136</placeholder>
         </input-field>
 
         <input-field type="colorpicker">
             <name>hoverFontColorTopBarArea4</name>
             <label>hover font color of the content if the area is linked</label>
             <label lang="de-DE">Hover - Schriftfarbe des Inhalts, wenn der Bereich verlinkt ist</label>
             <css>sschreier-hover-font-color-top-bar-area4</css>
-            <defaultValue>#4a545b</defaultValue>
-            <placeholder>#4a545b</placeholder>
+            <defaultValue>#09427c</defaultValue>
+            <placeholder>#09427c</placeholder>
         </input-field>
 
         <input-field type="int">
@@ -4618,7 +4618,7 @@
             <name>contentTextEditorTopBarArea4</name>
             <label>content</label>
             <label lang="de-DE">Inhalt</label>
-            <defaultValue>Service - Hotline 0123 - 45678</defaultValue>
+            <defaultValue>Service hotline 0123 - 45678</defaultValue>
         </component>
 
         <component name="sw-snippet-field">
@@ -4685,8 +4685,8 @@
             <name>linkTitleTopBarArea4</name>
             <label>title of the link (required field when setting a link)</label>
             <label lang="de-DE">Titel des Links (Pflichtfeld beim Setzen eines Links)</label>
-            <defaultValue>Schneller Versand</defaultValue>
-            <placeholder>Schneller Versand</placeholder>
+            <defaultValue>Service hotline 0123 - 45678</defaultValue>
+            <placeholder>Service hotline 0123 - 45678</placeholder>
         </input-field>
 
         <input-field type="single-select">

diff --git a/src/Resources/config/plugin.png b/src/Resources/config/plugin.png
diff --git a/src/Resources/snippet/en_GB/storefront.en-GB.json b/src/Resources/snippet/en_GB/storefront.en-GB.json
@@ -5,10 +5,10 @@
               "ContentTextEditorTopBarArea2": "%contenttexteditortopbararea2%",
               "ContentTextEditorTopBarArea3": "%contenttexteditortopbararea3%",
               "ContentTextEditorTopBarArea4": "%contenttexteditortopbararea4%",
-              "ContentTopBarArea1": "fast delivery",
-              "ContentTopBarArea2": "cheap shipping costs",
+              "ContentTopBarArea1": "Fast shipping",
+              "ContentTopBarArea2": "Low shipping costss",
               "ContentTopBarArea3": "30 days return policy",
-              "ContentTopBarArea4": "service hotline 0123 - 45678",
+              "ContentTopBarArea4": "Service hotline 0123 - 45678",
               "IconTopBarArea1": "",
               "IconTopBarArea2": "",
               "IconTopBarArea3": "",

diff --git a/src/Resources/views/storefront/base.html.twig b/src/Resources/views/storefront/base.html.twig
@@ -8,6 +8,7 @@
     {% endblock %}
 
     {{ parent() }}
+
     {% block base_header_inner_topbarnotifications_after %}{% endblock %}
 {% endblock %}
 
@@ -19,5 +20,6 @@
     {% endblock %}
 
     {{ parent() }}
+
     {% block base_footer_topbarnotifications_after %}{% endblock %}
-{% endblock %}
+{% endblock %}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		@import 'top-bar-notifications.scss';
		@import 'top-bar-notifications';