chore(styles, components): remove strikethrough on disabled elements (#…

…4095) Co-authored-by: Philipp Gfeller <[email protected]>
swisspost · Dec 2, 2024 · 3361282 · 3361282
1 parent c9bc8c0
commit 3361282
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 8 deletions.
diff --git a/.changeset/lovely-seas-call.md b/.changeset/lovely-seas-call.md
@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-components': patch
+'@swisspost/design-system-styles': patch
+---
+
+Removed strikethrough style on disabled elements.
diff --git a/packages/components/src/components/post-card-control/post-card-control.scss b/packages/components/src/components/post-card-control/post-card-control.scss
@@ -9,7 +9,6 @@
 */
 
 :host {
-
   // remove as soon as all browser support :host-context()
   // https://caniuse.com/?search=%3Ahost-context()
   --post-card-control-bg-context: #{post.$backgrounds};
@@ -170,7 +169,6 @@
     --post-card-control-input-bg: transparent;
 
     border-style: dashed;
-    text-decoration: line-through;
     cursor: default;
 
     .card-control--input {

diff --git a/packages/styles/src/components/button.scss b/packages/styles/src/components/button.scss
@@ -39,9 +39,7 @@
   text-decoration: none !important; // For <a> tags, !important for hover
   white-space: nowrap; // Long content should never break in buttons
 
-  @include utilities.disabled-style() {
-    text-decoration: line-through !important;
-  }
+  @include utilities.disabled-style();
 
   @include utilities.not-disabled-hover() {
     color: var(--post-contrast-color-inverted); // Override <a> color

diff --git a/packages/styles/src/components/card-control.scss b/packages/styles/src/components/card-control.scss
@@ -131,7 +131,6 @@ fieldset {
     --post-card-control-input-bg: transparent;
 
     border-style: dashed;
-    text-decoration: line-through;
     cursor: default;
 
     input.form-check-input[type] {

diff --git a/packages/styles/src/components/form-check.scss b/packages/styles/src/components/form-check.scss
@@ -173,7 +173,6 @@
 
     &[disabled],
     &[disabled] ~ .form-check-label {
-      text-decoration: line-through;
       color: color.$black-alpha-60;
 
       @include color-mx.on-dark-background() {

diff --git a/packages/styles/src/mixins/_utilities.scss b/packages/styles/src/mixins/_utilities.scss
@@ -160,7 +160,6 @@
     border-color: var(--post-gray-40);
     border-style: dashed;
     background-clip: padding-box;
-    text-decoration: line-through;
     // In case rules need to be slightly adjusted
     @content;