Style(web): Fix selector order and undefined check in Toast component

lmc-eu · Oct 17, 2024 · 33d2629 · 33d2629
1 parent 5c5c147
commit 33d2629
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/web/src/js/Toast.ts b/packages/web/src/js/Toast.ts
@@ -195,7 +195,7 @@ class Toast extends BaseComponent {
     if (linkContent) {
       const linkElementWithType = document.createElement(linkProps.elementType || 'a');
       linkElement.replaceWith(linkElementWithType);
-      const isUnderlined = linkProps.isUnderlined !== undefined ? linkProps.isUnderlined : true;
+      const isUnderlined = linkProps.isUnderlined != null ? linkProps.isUnderlined : true;
 
       linkElementWithType.classList.add('ToastBar__link');
       if (isUnderlined) {

diff --git a/packages/web/src/scss/components/TextField/_TextField.scss b/packages/web/src/scss/components/TextField/_TextField.scss
@@ -115,6 +115,11 @@ $_field-name: 'TextField';
 }
 
 // 6.
+.TextField__passwordToggle > .TextField__input:focus-visible,
+.TextField__passwordToggle__button:focus-visible {
+    outline: 0;
+}
+
 .TextField__input:hover + .TextField__passwordToggle__button {
     background-color: form-fields-theme.$input-background-color-hover;
 }
@@ -146,11 +151,6 @@ $_field-name: 'TextField';
 }
 // stylelint-enable selector-max-specificity, selector-max-class, selector-max-compound-selectors
 
-.TextField__passwordToggle > .TextField__input:focus-visible,
-.TextField__passwordToggle__button:focus-visible {
-    outline: 0;
-}
-
 // 9.
 .TextField__passwordToggle__button:focus-visible::after {
     content: '';