Contact module fixes + translation string updates. WIP #2737 @0.5

diff --git a/resources/styles/components/contact-shortcut.styl b/resources/styles/components/contact-shortcut.styl
index e62b3077a5ea62214afa38847d865d5530288ba4..3ec3138ebee176068351d56b2db8306c0d7a08fc 100644 (file)
--- a/resources/styles/components/contact-shortcut.styl
+++ b/resources/styles/components/contact-shortcut.styl
@@ -1,20 +1,24 @@
 $contact-tab-width = 48px // Width of visible tab when closed
 
 .contact-shortcut
-  @apply fixed right-0 z-30 text-white
+  @apply fixed text-white
   top: 215px
+  left: 100% // Container needs to be right off the screen, otherwise it might block elements below it
+  transform: translateX(- $contact-tab-width)
 
   a
     @apply text-inherit
 
   &-tab
-    transform: s('translateX(calc(100% - %s))', $contact-tab-width)
+    white-space: nowrap
+    transform: none
     transition: transform 0.5s ease
     &:hover
-      transform: none
+      transform: s('translateX(calc(-100% + %s))', $contact-tab-width)
       .contact-shortcut-detail
         transform: none
-        transition: none // So it snaps out on hover but animates on mouseout
+        transition-delay: 0s
+        //transition: none // So it snaps out on hover but animates on mouseout
 
   &-icon
     @apply mr-3

diff --git a/resources/views/partials/contact-shortcut.blade.php b/resources/views/partials/contact-shortcut.blade.php
index 67076df619fbd37a02afe9a7d5e01c71c14a9b28..8e5cca82a7c3107bceee5268e30e50568322aa9b 100644 (file)
--- a/resources/views/partials/contact-shortcut.blade.php
+++ b/resources/views/partials/contact-shortcut.blade.php
@@ -1,6 +1,6 @@
-<div class="contact-shortcut flex flex-col">
+<div class="contact-shortcut flex flex-col xs:hidden">
 
-        <phone-link :number="$global->phone" class="contact-shortcut-tab mb-px inline-flex self-end bg-blue p-3 inline-block">
+        <phone-link :number="$global->phone" class="contact-shortcut-tab mb-px inline-flex self-start bg-blue p-3 inline-block">
             <img class="contact-shortcut-icon" src="{{ asset('images/icon-phone.svg') }}" alt="{{ __('Téléphone') }}">
             {{ $global->phone }}
         </phone-link>
@@ -12,7 +12,7 @@
             {{ $global->email }}
         </a>
 
-        <div class="contact-shortcut-detail bg-blue nowrap">
+        <div class="contact-shortcut-detail bg-blue">
             {!! sprintf(__('Utilisez notre <a href="%s">formulaire de contact</a>'), '/contact') !!}
         </div>
     </div>

diff --git a/resources/views/partials/footer.blade.php b/resources/views/partials/footer.blade.php
index 2d5a3a7d4db88c8ee684a95fe80246623b73630e..c7352ee63e94434e767b913e387928ece5c24798 100644 (file)
--- a/resources/views/partials/footer.blade.php
+++ b/resources/views/partials/footer.blade.php
@@ -25,7 +25,7 @@
             <map-link class="footer-contact-block" :address="$global->address">
                 @svg('icon-address', 'footer-contact-icon')
                 <div class="footer-contact-text">
-                    <div class="footer-contact-title">{{ __('Address') }}</div>
+                    <div class="footer-contact-title">{{ __('Adresse') }}</div>
                     {!! nl2br($global->address) !!}
                 </div>
             </map-link>
@@ -41,7 +41,7 @@
             <phone-link class="footer-contact-block" :number="$global->phone" country-code="33">
                 @svg('icon-phone', 'footer-contact-icon')
                 <div class="footer-contact-text">
-                    <div class="footer-contact-title">{{ __('Telephone') }}</div>
+                    <div class="footer-contact-title">{{ __('Téléphone') }}</div>
                     {{ $global->phone }}
                 </div>
             </phone-link>

diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 1aa9b69a1a2b1156b5b164892c1fa640ba4c2206..5e5153954d4a897c69571b2e4660f43c7ea94153 100644 (file)
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -21,7 +21,7 @@
         <div class="cart-header-popout">
             <div class="cart-header-popout-title flex justify-between items-center px-1v py-1v">
                 <span>
-                    {{ __('My Selection') }}
+                    {{ __('Ma sélection') }}
                 </span>
 
                 <a href="#" class="close-cart-popout text-white hover:text-blue" @click.prevent="closeCart">
@@ -40,7 +40,7 @@
 
 </header>
 
-<search placeholder="{{ __('Search...') }}">
+<search placeholder="{{ __('Rechercher ...') }}">
     <template v-slot:link>
         @svg('search')
     </template>