feature: improve btn-doctolib

sebousan · sebousan · commit a005549f3c23 · 2026-01-22T16:32:45.000+01:00
diff --git a/assets/sass/medicalify-theme.sass b/assets/sass/medicalify-theme.sass
@@ -1,2 +1,3 @@
+@import theme/components/btn-doctolib
+@import theme/components/btn-icons
 @import theme/components/contact-list
-@import theme/components/doctolib
diff --git a/assets/sass/theme/components/_btn-doctolib.sass b/assets/sass/theme/components/_btn-doctolib.sass
@@ -0,0 +1,35 @@
+.btn-doctolib
+    --bs-btn-bg: #{$doctolib} !important
+    --bs-btn-border-color: #{$doctolib} !important
+    --bs-btn-color: #{$white} !important
+    --bs-btn-hover-bg: #{$doctolib-hover} !important
+    --bs-btn-hover-border-color: #{$doctolib-hover} !important
+    --bs-btn-active-bg: #{$doctolib-hover} !important
+    --bs-btn-active-border-color: #{$doctolib-hover} !important
+    display: inline-flex
+    &::before
+        filter: brightness(0) invert(1)
+
+    i
+        display: none
+
+    &::before
+        content: ""
+        background: url("/assets/images/logo-doctolib.svg") no-repeat center center
+        display: block
+        margin-right: 1rem
+        height: 20px
+        transition: filter .15s ease-in-out
+        width: 80px
+
+    .btn + &
+        --bs-btn-bg: transparent !important
+        --bs-btn-color: #{$doctolib} !important
+        &::before
+            filter: none
+        &:active,
+        &:hover,
+        &:focus-visible
+            &::before
+                filter: brightness(0) invert(1)
+
diff --git a/assets/sass/theme/components/_btn-icons.sass b/assets/sass/theme/components/_btn-icons.sass
@@ -0,0 +1,11 @@
+.btn-phone
+    @if variable-exists(icons-map)
+        &::before
+            @include icon("telephone")
+            margin-right: .5rem
+
+.btn-email
+    @if variable-exists(icons-map)
+        &::before
+            @include icon("envelope-at")
+            margin-right: .5rem
diff --git a/assets/sass/theme/components/_doctolib.sass b/assets/sass/theme/components/_doctolib.sass
diff --git a/i18n/en.yml b/i18n/en.yml
@@ -10,7 +10,7 @@ admin:
 contact:
   doctolib: 
     label: Doctolib
-    booking: Book an appointment on Doctolib
+    booking: Book an appointment <i>on Doctolib</i>
 diplomas:
   label: 
     one: Diploma
diff --git a/i18n/fr.yml b/i18n/fr.yml
@@ -10,7 +10,7 @@ admin:
 contact:
   doctolib: 
     label: Doctolib
-    booking: Prendre rendez-vous sur Doctolib
+    booking: Prendre rendez-vous <i>sur Doctolib</i>
 diplomas:
   label: 
     one: Diplôme
diff --git a/layouts/partials/commons/contact-list.html b/layouts/partials/commons/contact-list.html
@@ -0,0 +1,9 @@
+{{ with .Params.contact }}
+    <aside class="contact-list"{{ partial "func/SetAnim.html" (dict "element" "content") }}>
+      <div>
+        {{ partial "commons/contact/title.html" . }}
+        {{ partial "commons/contact/contacts.html" . }}
+        {{ partial "commons/contact/socials.html" . }}
+      </div>
+    </aside>
+{{ end }}
diff --git a/layouts/partials/commons/contact/doctolib.html b/layouts/partials/commons/contact/doctolib.html
@@ -2,5 +2,5 @@
 {{- $name := i18n "contact.doctolib.booking" }}
 {{- $title := i18n "link.blank_aria" (dict "Title" $name) }}
 <a href="{{ $url }}" class="btn btn-doctolib" target="_blank" rel="noopener noreferrer" title="{{ safeHTML $title }}">
-  <span>{{ $name }}</span>
+  <span>{{ $name | safeHTML }}</span>
 </a>
diff --git a/static/assets/images/logo-doctolib.svg b/static/assets/images/logo-doctolib.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve" enable-background="new 0 0 864 864" viewBox="-0.13 327.68 864.19 208.72"><path id="Doctolib_Logo" d="M55.9 536.4c-42.9 0-49.4-5-47.2-14.6 1.6-6.8 36.7-137.6 37.5-140.6 3.5-14 18.2-10.6 18.8-10.5.4.1.7.5.6.9-1.3 11.2-21.9 121.7-22.1 123.1-1.7 10.9 0 12 13.5 12 66.7 0 90.9-46.1 97.5-82.9 11.4-63.8-51.2-82.9-138.5-75.1-.8.1-6.6.4-9.1-.8-3.3-1.6-6.1-5.6-6.8-7.8-.3-.8-.3-1.6 0-2.1.2-.3.4-.6.7-.7 28.2-5 67.4-11.7 92.7-9 95.8 10.1 95.8 70.4 90.2 100.9-3.1 17.7-19.3 107.2-127.8 107.2zM399.3 497c-6.2 21.1-25.1 35.7-47.1 36.3-18.5 1-37-9.5-45.1-25.7-3.2-6.1-5-12.7-5.7-20.5-2.8 1.3-5.7 2.5-8.6 3.4-3.8 10.7-10.4 20.6-19.5 27.4-19.5 14.5-45.9 18.7-69.6 5.7-29.2-20.1-25.6-60.6-5.2-84.4 20.3-23.8 57.6-27.8 76.3-16.1 12.7 8.2 19.5 22.3 21.3 37 2.7-1.9 5.1-4.3 7.9-7.5 2.6-3.1 7.7-10.7 7.7-10.7 3-4.6 6.7-8.9 10.8-12.6 8.6-7.5 19.5-11.2 30.5-11.2 9.5 0 19.2 2.8 27.6 8.5 2.7 1.8 3.4 2.8 2.5 4.3-1.2 2.2-2.5 4.2-4.1 6.1-3 3.6-6.1 2.3-8.2 1.4-.3-.1-.6-.3-.9-.4-9.4-3.3-17.1-2.6-25.1 2.2-17.3 10.5-19.9 30.9-16.7 46.5 3.3 15.9 12.1 21.3 19 23 12.6 3.2 29.5-3.6 40.2-16.2 3.2-3.8 8.1-1.3 11.6 1.5.2.1.3.2.4.3.5.6 0 1.6 0 1.7zm-131.5-53.6c-12.9-16-36.3-10.6-49.5 4.2-13.2 14.9-13.4 39.3 1 49.6 13.5 9.6 35 4.5 45.6-10.9 7.4-10.8 14.1-29 2.9-42.9zM590.6 477c-1.8 15.6-9.8 31.4-22.6 41-19.5 14.5-45.9 18.7-69.6 5.7-3-2.1-5.7-4.4-8-6.9-4 3.6-8.7 7.2-13.9 10.3-15.9 9.6-38.1 7.1-51.8-5.7-8.7-7.8-12.9-20.7-11.3-33.8 1.4-11.6 11.8-51.6 21.5-87.4-9.5.3-17.8 0-22.4-2.2-7.4-3.6-5.6-15.9-4.9-19.4.1-.5.6-.9 1.1-.9 3.6 0 17.2-.1 32.3-.2 6.3-23 11.3-40.3 11.3-40.3 1.8-6.1 8.5-9.4 14.6-9.4 1.2 0 2.3.1 3.4.4.4.1.6.5.5 1-1.6 9.9-4.7 27.9-8.4 48.3 8.2 0 15.6.1 20.6.2 17.6.4 40.8 1.4 45.5 1.6.5 0 1 .4 1.1.9.5 2.2.9 7.7-5.4 11.3-5.4 3-44.6 5.8-62.6 7-1 .1-1.9.1-2.9.2-7.5 41.4-15.5 84.3-15.9 86.2-2 10 4.3 16.1 9.9 17.3 10.3 2.2 18.7-2.2 25.7-8.6-3.9-18.7 2.2-39.7 14.7-54.4 20.3-23.8 57.6-27.8 76.3-16.1 17.6 11.5 23.8 34.1 21.2 53.9zm-28-33.6c-12.9-16-36.3-10.6-49.5 4.2-13.2 14.9-13.4 39.3 1 49.6 13.5 9.6 35 4.5 45.6-10.9 7.4-10.8 14.1-29 2.9-42.9zm145.2-50.1c5.8 3.8 13.1 2 17.8-1.5 3.2-2.4 5.3-6.3 5.8-10.5.6-4.4-.5-10.6-5.4-13.8-1.9-1.2-4.1-1.7-6.4-1.7-3.6 0-7.3 1.3-10.2 3-.9.6-1.6 1.2-2.3 2-.4.5-.8 1.1-1.1 1.7-4.1 7.2-5 16.1 1.8 20.8zm134.4 30c-13.3-8.4-36.2-8.7-55.6.5 4.2-23.1 13.3-86.5 14.6-94.5.1-.3 0-.5-.1-.7-.1-.2-.3-.3-.5-.3-1.1-.2-2.2-.4-3.4-.4-6.1 0-12.8 3.3-14.6 9.4 0 0-35.6 143.7-36.8 150.4-8.2 12.7-18.1 17.6-28.9 14.3-9-2.8-8.5-9.7-8.2-13.1.5-5.4 9.8-58.7 11.5-70.6.1-.8-.4-1.5-1.2-1.7-1.9-.3-3.9-.5-5.9-.5-6.6 0-13.4 2.4-17.4 12.4-.1.4-11.8 41.3-14 50.1-.3 1.1-.5 2.2-.8 3.3-8.6 13-21.9 24.4-41.1 20.3-5.6-1.2-11.8-5.3-9.9-17.3.5-3.2 18.1-105 23.2-137.5.1-.5-.1-.9-.5-1-1.1-.3-2.3-.4-3.4-.4-6.1 0-12.7 3.3-14.6 9.4 0 0-28.1 103.1-34.1 132.2-2.7 12.8-.8 25.3 10.6 35.4 10.6 9.5 31 12.5 47.9 5.4 9.8-4.1 18-10.8 23.7-16.6 7.4 14.8 25.1 24.4 41.4 20.5 12.6-3 22.2-12.1 28.5-19.7 2.5 3.6 5.4 6.8 8.5 9.3 14.5 11.5 35 13.6 53.6 8.1 9.4-2.1 18.4-6.2 26.2-12 12.8-9.7 20.9-25.4 22.6-41 2.6-19.8-3.7-42.4-21.3-53.7zm-9.2 65.3c-10.5 15.4-34.6 21.2-48.1 11.6-14.5-10.3-11.7-35.5 1.5-50.3 13.2-14.9 36.6-20.2 49.5-4.2 11.2 13.8 4.5 32-2.9 42.9z" fill="#127ac9"></path></svg>
diff --git a/static/images/logo-doctolib.svg b/static/images/logo-doctolib.svg

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
	`1`	`+@import theme/components/btn-doctolib`
	`2`	`+@import theme/components/btn-icons`
`1`	`3`	`@import theme/components/contact-list`
`2`		`-@import theme/components/doctolib`