OP-551: Tweak global actions styles

Author: hmfilar

src/Resources/assets/shop/scss/pages/wishlist-details/_actions.scss

@@ -3,15 +3,4 @@
     align-items: center;
     justify-content: space-between;
     margin: $spacer * 1.5 0 $spacer * .75;
-    
-}
-
-.bb-wishlist-actions-import-button {
-    background-color: #E0E1E2 !important;
-    color: rgba(0, 0, 0, 0.6) !important;
-}
-
-.bb-wishlist-actions-import-button:hover {
-    background-color: #CACBCD !important;
-    color: rgba(0, 0, 0, 0.8) !important;
 }

src/Resources/views/shop/wishlist/index/content/form.html.twig

@@ -12,7 +12,7 @@
         {{ messages.info('bitbag_sylius_wishlist_plugin.ui.your_wishlist_is_empty'|trans) }}
     </div>
     <a href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_import_from_csv') }}">
-        <button type="button" class="btn btn-light bb-wishlist-actions-import-button" {{ sylius_test_html_attribute('wishlist-import-from-csv') }}>
+        <button type="button" class="btn btn-light" {{ sylius_test_html_attribute('wishlist-import-from-csv') }}>
             {{ ux_icon('mdi:cart') }}
             {{ 'bitbag_sylius_wishlist_plugin.ui.import_from_csv'|trans }}
         </button>

src/Resources/views/shop/wishlist/index/content/form/sections/actions/global_actions.html.twig

@@ -2,21 +2,21 @@
 {% set wishlist = hookable_metadata.context.wishlist %}
 
 <a href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_import_from_csv') }}">
-    <button type="button" class="bb-wishlist-actions-import-button ui secondary button" {{ sylius_test_html_attribute('wishlist-import-from-csv') }}>
-        <i class="cart icon"></i>
+    <button type="button" class="btn btn-light" {{ sylius_test_html_attribute('wishlist-import-from-csv') }}>
+        {{ ux_icon('mdi:cart') }}
         {{ 'bitbag_sylius_wishlist_plugin.ui.import_from_csv'|trans }}
     </button>
 </a>
 
 <button
     id="{{ form.addAll.vars.id }}"
     name="{{ form.addAll.vars.full_name }}"
-    class="ui primary button right floated"
+    class="btn btn-light"
     data-bb-toggle="wishlist-add-all"
     {{ sylius_test_html_attribute('wishlist-add-all-to-cart') }}
     formaction="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_add_products', { wishlistId: wishlist.id }) }}"
 >
-    <i class="heart icon"></i>
+    {{ ux_icon('mdi:heart') }}
     {{ form.addAll.vars.label|trans }}
 </button>
 

src/Resources/views/shop/wishlist/index/content/header/actions/clear.html.twig

@@ -1,9 +1,12 @@
 {% set wishlist = hookable_metadata.context.wishlist %}
 
 {% if wishlist.wishlistProducts.count > 0 %}
-    <div class="middle aligned column">
+    <div>
         <a href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_clean', {'wishlistId': wishlist.id}) }}" class="bitbag-clean-wishlist btn btn-light">
-            <i class="icon remove"></i>{{ 'bitbag_sylius_wishlist_plugin.ui.clear_wishlist'|trans }}
+            {{ ux_icon('mdi:remove') }}
+            <span>
+                {{ 'bitbag_sylius_wishlist_plugin.ui.clear_wishlist'|trans }}
+            </span>
         </a>
     </div>
 {% endif %}