tech(pix-return-to): update icon

1024pix · Oct 4, 2024 · 26ee671 · 26ee671
1 parent ad0d7de
commit 26ee671
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/addon/components/pix-return-to.hbs b/addon/components/pix-return-to.hbs
@@ -5,9 +5,9 @@
   ...attributes
 >
   {{#if (has-block)}}
-    <span aria-hidden="true" class="pix-return-to__icon"><FaIcon @icon="arrow-left" /></span>
+    <PixIcon @name="arrowLeft" aria-hidden="true" class="pix-return-to__icon" />
     <span class="pix-return-to__text"> {{yield}} </span>
   {{else}}
-    <span title="Flèche de retour" class="pix-return-to__icon"><FaIcon @icon="arrow-left" /></span>
+    <PixIcon class="pix-return-to__icon" arial-label={{@arrowLabel}} @name="arrowLeft" />
   {{/if}}
 </LinkTo>
diff --git a/addon/styles/_pix-return-to.scss b/addon/styles/_pix-return-to.scss
@@ -9,8 +9,9 @@
 
   &__icon {
     position: relative;
+    width: 2.3rem;
+    height: 2.3rem;
     padding: var(--pix-spacing-1x) var(--pix-spacing-2x);
-    font-size: 1rem;
   }
 
   &:focus,
@@ -29,11 +30,11 @@
     &:hover,
     &:active {
       .pix-return-to__icon {
-        color: $arrowHoverColor;
         background-color: $arrowBgColor;
         border-radius: 50%;
         outline: 1px solid var(--pix-neutral-0);
         outline-offset: -3px;
+        fill: $arrowHoverColor;
       }
     }
   }