From ed403d2cac0589a9419a2e46f47c9455bc955c6c Mon Sep 17 00:00:00 2001
From: Shaimaa Natshah <shaimaa.natshah11@gmail.com>
Date: Mon, 10 Jul 2023 14:31:12 +0300
Subject: [PATCH] Issue #3373552: Fix style CSS button font in mobile size
---
css/components/button.css | 58 ++++-----------------------------------
1 file changed, 6 insertions(+), 52 deletions(-)
diff --git a/css/components/button.css b/css/components/button.css
index 33477937..73d07491 100755
--- a/css/components/button.css
+++ b/css/components/button.css
@@ -44,22 +44,8 @@
}
}
- .button:hover,
- .button:focus {
- text-decoration: none;
- color: var(--color--white);
- background: var(--color--blue-20);
- font-weight: bold;
- }
-
- .button:active {
- color: var(--color--blue-20);
- }
-
- .button:disabled,
- .button.is-disabled {
- cursor: default;
- color: var(--color--gray-70);
+ .button:active{
+ background-color: var(--color--blue-20);
}
.button {
@@ -105,26 +91,10 @@
height: var(--button--hight-1);
width: var(--button--width-1);
text-align: center;
- display: block
+ display: block;
+
}
- .button--primary:hover,
- .button--primary:focus {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- .button--primary:active {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- .button--primary:disabled,
- .button--primary.is-disabled {
- color: var(--color--white);
- background-color: var(--color--gray-70);
- }
-
.button--icon-back {
display: inline-flex; align-items: center
}
@@ -153,26 +123,10 @@
height: var(--button--hight-1);
width: var(--button--width-2);
text-align: center;
- display: block
+ display: block;
+
}
- .button--button--primary2:hover,
- .button--button--primary2:focus {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- .button--button--primary2:active {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- .button--button--primary2:disabled,
- .button--button--primary2.is-disabled {
- color: var(--color--white);
- background-color: var(--color--gray-70);
- }
-
.shepherd-cancel-icon {
font-size: 1.5em;
}
--
GitLab