fix(modal): replace cross icon name by times & adjust icon font size

Signed-off-by: Stagnol <[email protected]>
ovh · Jul 29, 2024 · 317af3d · 317af3d
1 parent 0ab68bf
commit 317af3d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/ods/src/components/modal/src/components/ods-modal/ods-modal.tsx b/packages/ods/src/components/modal/src/components/ods-modal/ods-modal.tsx
@@ -112,7 +112,7 @@ export class OdsModal {
               this.isDismissible &&
               <button class={ `ods-modal__dialog__header__close ods-modal__dialog__header__close--${this.color}` }
                 onClick={ () => this.close() }>
-                <ods-icon name={ ODS_ICON_NAME.cross }>
+                <ods-icon name={ ODS_ICON_NAME.times }>
                 </ods-icon>
               </button>
             }

diff --git a/packages/ods/src/style/_modal.scss b/packages/ods/src/style/_modal.scss
@@ -81,7 +81,7 @@ $ods-modal-border-radius: var(--ods-border-radius-sm);
   padding: 0;
   width: 24px;
   height: 24px;
-  font-size: 1rem;
+  font-size: 0.75rem;
 }
 
 @mixin ods-modal-close-button-color($color) {
@@ -153,4 +153,4 @@ $ods-modal-border-radius: var(--ods-border-radius-sm);
   gap: 1rem;
   justify-content: flex-end;
   width: 100%;
-}
+}