wait #3545 @1.5

diff --git a/public/images/icon-phone.svg b/public/images/icon-phone.svg
index 67e8b982d70e9f82473dde16714c7d2a23d6896c..292605ec177966ed6435945e0eb876aadd639019 100644 (file)
--- a/public/images/icon-phone.svg
+++ b/public/images/icon-phone.svg
@@ -1 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 31.3" width="36" height="31.3" fill="#fff"><path d="M23.3 0H12.6c-1.7.1-3.1 1.4-3.1 3.2v24.9c.1 1.7 1.4 3.1 3.2 3.2h10.7c1.7-.1 3.1-1.4 3.1-3.1v-25C26.4 1.4 25 .1 23.3 0zm1.6 24.9H11.1V6.4h13.8v18.5zM12.6 1.6h10.6c.9 0 1.6.7 1.6 1.5v1.6H11.1V3.2c0-.9.7-1.6 1.5-1.6zm10.7 28H12.7c-.9 0-1.6-.7-1.6-1.6v-1.6h13.8v1.5c-.1 1-.8 1.7-1.6 1.7zM5.5 7.9c-.4 0-.8.4-.8.8v17.9c0 .4.4.8.8.8s.8-.4.8-.8V8.7c0-.5-.3-.8-.8-.8zM.8 9.4c-.4 0-.8.3-.8.8v15c0 .4.4.8.8.8s.8-.4.8-.8v-15c0-.5-.3-.8-.8-.8zM30.4 4.9c-.4 0-.8.4-.8.8v17.9c0 .4.4.8.8.8s.8-.4.8-.8V5.7c0-.5-.3-.8-.8-.8zM35.2 6.4c-.4 0-.8.4-.8.8v15c0 .4.4.8.8.8s.8-.4.8-.8v-15c0-.5-.4-.8-.8-.8z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 37" width="36px" height="37px" x="0px" y="0px" fill="#fff">
+    <g>
+        <g>
+            <path d="M26.3,16.6h-1.8c0-2.7-2.2-4.9-4.9-4.9v-2C23.3,9.7,26.3,12.7,26.3,16.6z"/>
+            <path d="M31.1,16.6h-1.8c0-5.5-4.4-9.9-9.9-9.9V4.9C26,4.9,31.1,10,31.1,16.6z"/>
+            <path d="M36,16.6h-1.8c0-8-6.5-14.7-14.7-14.7V0C28.6,0,36,7.4,36,16.6z"/>
+        </g>
+        <g>
+            <path d="M23.6,37.2c-1.5,0-3-0.5-4.4-1.3l0,0C12.2,31,6,24.9,1.3,17.9c-2.2-3.3-1.7-7.5,1.2-10.2l1-1
+                       c1.3-1.3,3.5-1.3,4.7,0l4.4,4.4l0,0c1.3,1.3,1.3,3.3,0,4.7c-0.7,0.7-0.7,1.5,0,2.2l6.9,6.9c0.5,0.5,1.5,0.5,2.2,0l0,0
+                       c1.3-1.3,3.3-1.3,4.7,0l4.4,4.4c1.3,1.3,1.3,3.5,0,4.7l-1,1C27.8,36.3,25.8,37.2,23.6,37.2z M5.7,7.4c-0.5,0-0.8,0.2-1.2,0.5l-1,1
+                       c-2.2,2.2-2.5,5.4-0.8,8c4.7,6.9,10.5,12.7,17.4,17.4l0,0l0,0c2.5,1.7,5.9,1.2,7.9-0.8l1-1c0.7-0.7,0.7-1.5,0-2.2l-4.4-4.4
+                       c-0.7-0.7-1.5-0.7-2.2,0l0,0c-1.3,1.2-3.5,1.2-4.7,0l-6.9-6.9c-1.3-1.3-1.3-3.3,0-4.7c0.7-0.7,0.7-1.7,0.2-2.2l0,0L6.7,7.9
+                       C6.4,7.5,6,7.4,5.7,7.4z"/>
+        </g>
+    </g>
+</svg>

diff --git a/resources/styles/components/contact-shortcut.styl b/resources/styles/components/contact-shortcut.styl
index 468c2151a987dfbbffc1398fae482a993ca74887..c98e73816e9c8e30a10ae71bbefc874392edc835 100644 (file)
--- a/resources/styles/components/contact-shortcut.styl
+++ b/resources/styles/components/contact-shortcut.styl
@@ -1,4 +1,4 @@
-$contact-tab-width = 48px // Width of visible tab when closed
+$contact-tab-width = 60px // Width of visible tab when closed
 
 .contact-shortcut
   @apply fixed text-white
@@ -12,6 +12,7 @@ $contact-tab-width = 48px // Width of visible tab when closed
     white-space: nowrap
     transform: translateX(- $contact-tab-width)
     transition: transform 0.5s ease
+    font-size 1.5rem
     &:hover
       transform: translateX(-100%)
       .contact-shortcut-detail
@@ -20,9 +21,9 @@ $contact-tab-width = 48px // Width of visible tab when closed
         //transition: none // So it snaps out on hover but animates on mouseout
 
   &-icon
-    @apply mr-3
-    height: 22px
-    width: 25px // IE11 doesn't like auto widths
+    @apply mr-4
+    height: 36px
+    width: 40px // IE11 doesn't like auto widths
 
   &-detail
     @apply p-3

diff --git a/resources/views/partials/contact-shortcut.blade.php b/resources/views/partials/contact-shortcut.blade.php
index f12a4be0b7332e73e055bbb37d5c9fe46b6bc8b1..0fb158bf914e779f906b1e02f2c0d2d312fe5422 100644 (file)
--- a/resources/views/partials/contact-shortcut.blade.php
+++ b/resources/views/partials/contact-shortcut.blade.php
@@ -1,13 +1,13 @@
 <div class="contact-shortcut flex flex-col z-30 xs:hidden">
 
-        <phone-link :number="$global->phone" class="contact-shortcut-tab mb-px inline-flex self-start bg-primary p-3">
+        <phone-link :number="$global->phone" class="contact-shortcut-tab mb-px inline-flex self-start bg-primary p-3 pr-10">
             <img class="contact-shortcut-icon" src="{{ asset('images/icon-phone.svg') }}" alt="{{ __('Téléphone') }}">
             {{ $global->phone }}
         </phone-link>
 
 
     <div class="contact-shortcut-tab">
-        <a href="/contact" class="bg-primary p-3 bg-primary flex items-center pr-10">
+        <a href="/contact" class="bg-primary p-3 bg-primary flex items-center pr-16">
             <img class="contact-shortcut-icon" src="{{ asset('images/icon-email.svg') }}" alt="{{ __('Contact') }}">
             {!! __('Formulaire de contact') !!}
         </a>
@@ -18,3 +18,4 @@
         --}}
     </div>
 </div>
+