From 037c6abc5b114986e587826ee311fbaadfb5ae18 Mon Sep 17 00:00:00 2001
From: Stephen Cameron <stephen@cubedesigners.com>
Date: Mon, 8 Jul 2019 19:58:57 +0200
Subject: [PATCH] Contact module fixes + translation string updates. WIP #2737
 @0.5

---
 resources/styles/components/contact-shortcut.styl   | 12 ++++++++----
 resources/views/partials/contact-shortcut.blade.php |  6 +++---
 resources/views/partials/footer.blade.php           |  4 ++--
 resources/views/partials/header.blade.php           |  4 ++--
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/resources/styles/components/contact-shortcut.styl b/resources/styles/components/contact-shortcut.styl
index e62b307..3ec3138 100644
--- 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 67076df..8e5cca8 100644
--- 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 2d5a3a7..c7352ee 100644
--- 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 1aa9b69..5e51539 100644
--- 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>
-- 
2.39.5