From c6738acf13078a2ca25a61be9eddaa93a941d3b9 Mon Sep 17 00:00:00 2001
From: Shaimaa Natshah <shaimaa.natshah11@gmail.com>
Date: Mon, 10 Jul 2023 14:00:39 +0300
Subject: [PATCH] Issue #3373552: Fix style CSS button font in mobile size
---
css/components/breadcrumb.css | 2 +-
css/components/breadcrumb.pcss.css | 2 +-
css/components/button.css | 9 ++++-
css/components/button.pcss.css | 54 ++++-------------------------
css/components/webdoc-full.css | 8 +++--
css/components/webdoc-full.pcss.css | 4 +++
6 files changed, 26 insertions(+), 53 deletions(-)
diff --git a/css/components/breadcrumb.css b/css/components/breadcrumb.css
index 82595013..45cda221 100755
--- a/css/components/breadcrumb.css
+++ b/css/components/breadcrumb.css
@@ -60,7 +60,7 @@
@media (min-width: 55.55556rem) {
.breadcrumb__content {
- margin-inline-end: 0
+ margin-inline-end: 0;margin-top:auto
}
}
diff --git a/css/components/breadcrumb.pcss.css b/css/components/breadcrumb.pcss.css
index 494437db..7477815d 100755
--- a/css/components/breadcrumb.pcss.css
+++ b/css/components/breadcrumb.pcss.css
@@ -37,7 +37,7 @@
.breadcrumb__content {
overflow: auto; margin-block-start: calc(var(--sp0-5) * -1); margin-block-end: calc(var(--sp0-5) * -1); margin-inline-start: calc(var(--sp0-5) * -1); margin-inline-end: calc(var(--sp1) * -1); padding-block-start: var(--sp0-5); padding-block-end: var(--sp0-5); padding-inline-start: var(--sp0-5); -webkit-overflow-scrolling: touch; @media (--lg) {
- margin-inline-end: 0;
+ margin-inline-end: 0;margin-top:auto;
}
}
diff --git a/css/components/button.css b/css/components/button.css
index 88b0e9ba..33477937 100755
--- a/css/components/button.css
+++ b/css/components/button.css
@@ -27,7 +27,7 @@
text-align: center; text-decoration: none;
border: solid 2px var(--color--main-1);
font-family: var(--font-sans);
- font-size: var(--font-size-l);
+ font-size: var(--font-size-m);
font-weight: bold;
-webkit-appearance: none;
appearance: none;
@@ -37,6 +37,13 @@
-webkit-font-smoothing: antialiased
}
+ @media (min-width: 55.55556rem) {
+
+ .button {
+ font-size: var(--font-size-l)
+ }
+ }
+
.button:hover,
.button:focus {
text-decoration: none;
diff --git a/css/components/button.pcss.css b/css/components/button.pcss.css
index 43b1f416..5e9667d8 100755
--- a/css/components/button.pcss.css
+++ b/css/components/button.pcss.css
@@ -16,30 +16,20 @@
text-align: center; text-decoration: none;
border: solid 2px var(--color--main-1);
font-family: var(--font-sans);
- font-size: var(--font-size-l);
+ font-size: var(--font-size-m);
font-weight: bold;
appearance: none;
color: var(--color--white);
background-color: var(--color--blue-30);
border-radius: var(--border-radius3);
-webkit-font-smoothing: antialiased;
-
- &:hover,
- &:focus {
- text-decoration: none;
- color: var(--color--white);
- background: var(--color--blue-20);
- font-weight: bold;
- }
-
- &:active {
- color: var(--color--blue-20);
+
+ @media (--lg) {
+ font-size: var(--font-size-l);
}
- &:disabled,
- &.is-disabled {
- cursor: default;
- color: var(--color--gray-70);
+ &:active{
+ background-color: var(--color--blue-20);
}
/*
@@ -80,22 +70,6 @@
text-align: center;
display: block;
- &:hover,
- &:focus {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- &:active {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- &:disabled,
- &.is-disabled {
- color: var(--color--white);
- background-color: var(--color--gray-70);
- }
}
.button--icon-back {
@@ -126,22 +100,6 @@
text-align: center;
display: block;
- &:hover,
- &:focus {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- &:active {
- color: var(--color--white);
- background-color: var(--color--blue-20);
- }
-
- &:disabled,
- &.is-disabled {
- color: var(--color--white);
- background-color: var(--color--gray-70);
- }
}
.shepherd-cancel-icon {
diff --git a/css/components/webdoc-full.css b/css/components/webdoc-full.css
index c6ce9118..bbfb0509 100644
--- a/css/components/webdoc-full.css
+++ b/css/components/webdoc-full.css
@@ -92,6 +92,10 @@
.node--type-webdoc.node--view-mode-full .book-navigation {
width: calc(100% - var(--content-left));
margin-left: auto;
- margin-right: auto;
+ margin-right: auto
+
+ }
- }
\ No newline at end of file
+ .node--type-webdoc.node--view-mode-full .book-navigation .book-navigation__menu{
+ display:none;
+ }
\ No newline at end of file
diff --git a/css/components/webdoc-full.pcss.css b/css/components/webdoc-full.pcss.css
index b1e0b7d4..f0c97be7 100755
--- a/css/components/webdoc-full.pcss.css
+++ b/css/components/webdoc-full.pcss.css
@@ -80,5 +80,9 @@
margin-left: auto;
margin-right: auto;
+ & .book-navigation__menu{
+ display:none;
+ }
+
}
}
\ No newline at end of file
--
GitLab