Update: Use line-through in tracking status

CarbonPackages · Jan 26, 2021 · e68f6b4 · e68f6b4
1 parent 2b93791
commit e68f6b4
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 21 deletions.
diff --git a/Resources/Private/Assets/CookieButton/src/CookieButton.js b/Resources/Private/Assets/CookieButton/src/CookieButton.js
@@ -62,7 +62,9 @@ class CookieButton extends Component {
                 onClick={this.toggleCookie}
             >
                 <Icon icon="chart-pie" color={disabledPlausible ? "default" : "warn"} />
-                <span className={finalClassName}>{text}</span>
+                <span className={finalClassName}>
+                    <span>{text}</span>
+                </span>
             </Button>
         );
     }

diff --git a/Resources/Private/Assets/CookieButton/src/style.css b/Resources/Private/Assets/CookieButton/src/style.css
@@ -13,15 +13,9 @@
 
 .disabled {
     position: relative;
-    color: rgba(255, 255, 255, 0.5);
+    text-decoration: line-through;
 
-    &::after {
-        position: absolute;
-        content: "";
-        top: 50%;
-        left: 0;
-        right: 0;
-        background: #fff;
-        height: 1px;
+    span {
+        color: rgba(255, 255, 255, 0.5);
     }
 }
diff --git a/Resources/Public/CookieButton/Plugin.css b/Resources/Public/CookieButton/Plugin.css
diff --git a/Resources/Public/CookieButton/Plugin.css.map b/Resources/Public/CookieButton/Plugin.css.map
diff --git a/Resources/Public/CookieButton/Plugin.js b/Resources/Public/CookieButton/Plugin.js