From 26f254219268202e47dfc5b107a1ac96c04f76b4 Mon Sep 17 00:00:00 2001 From: Louis Simeone Date: Tue, 3 Dec 2024 21:00:16 -0500 Subject: [PATCH 1/6] Changed CSS so that the audiobook text does not overlap with the icon --- static/css/components/buttonCta.less | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less index 75dbc51bf0f..4a9901464f3 100644 --- a/static/css/components/buttonCta.less +++ b/static/css/components/buttonCta.less @@ -38,7 +38,14 @@ a.cta-btn { background-position: center; } - .btn-label { padding: 0 10px; } + .btn-label { + padding: 8px 10px; + padding-right: 25px; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + text-align: center; + } &:link, &:visited { color: @white; From 81bd0c024b552f612cdf17452a350e1b73e2f82b Mon Sep 17 00:00:00 2001 From: "pre-commit-ci[bot]" <66853113+pre-commit-ci[bot]@users.noreply.github.com> Date: Wed, 4 Dec 2024 02:09:14 +0000 Subject: [PATCH 2/6] [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --- static/css/components/buttonCta.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less index 4a9901464f3..2d4c5e7655e 100644 --- a/static/css/components/buttonCta.less +++ b/static/css/components/buttonCta.less @@ -38,13 +38,13 @@ a.cta-btn { background-position: center; } - .btn-label { + .btn-label { padding: 8px 10px; padding-right: 25px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; - text-align: center; + text-align: center; } &:link, &:visited { From add5a4606ae476e982860b200ac8f3c4ec0ca5ad Mon Sep 17 00:00:00 2001 From: Louis Simeone Date: Wed, 4 Dec 2024 15:46:49 -0500 Subject: [PATCH 3/6] Changed styling to only apply when within carousel-section in order to prevent any unwanted styling on other buttons --- static/css/components/buttonCta.less | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less index 2d4c5e7655e..9d0c4bff147 100644 --- a/static/css/components/buttonCta.less +++ b/static/css/components/buttonCta.less @@ -38,14 +38,8 @@ a.cta-btn { background-position: center; } - .btn-label { - padding: 8px 10px; - padding-right: 25px; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 14px; - text-align: center; - } + .btn-label { padding: 0 10px; } + &:link, &:visited { color: @white; @@ -140,6 +134,16 @@ a.cta-btn { } } +// Button inside carousel +.carousel-section .cta-btn .btn-label { + padding: 8px 10px; + padding-right: 25px; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + text-align: center; +} + // Top margin to button coming after another button .cta-btn + form input.cta-btn, .cta-btn + .cta-btn { margin-top: 5px; From eeea04b0d71b3c3f4910f257a74e0231369df1a5 Mon Sep 17 00:00:00 2001 From: "pre-commit-ci[bot]" <66853113+pre-commit-ci[bot]@users.noreply.github.com> Date: Wed, 4 Dec 2024 20:47:38 +0000 Subject: [PATCH 4/6] [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --- static/css/components/buttonCta.less | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less index 9d0c4bff147..a8b9cc4ec9a 100644 --- a/static/css/components/buttonCta.less +++ b/static/css/components/buttonCta.less @@ -40,7 +40,6 @@ a.cta-btn { .btn-label { padding: 0 10px; } - &:link, &:visited { color: @white; text-decoration: none; @@ -141,7 +140,7 @@ a.cta-btn { white-space: nowrap; text-overflow: ellipsis; font-size: 14px; - text-align: center; + text-align: center; } // Top margin to button coming after another button From 160b55d7f03fa8c6997519edea2abcc2c568b3eb Mon Sep 17 00:00:00 2001 From: Drini Cami Date: Wed, 11 Dec 2024 12:20:22 -0500 Subject: [PATCH 5/6] Update static/css/components/buttonCta.less --- static/css/components/buttonCta.less | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less index a8b9cc4ec9a..bc4306abcca 100644 --- a/static/css/components/buttonCta.less +++ b/static/css/components/buttonCta.less @@ -134,13 +134,18 @@ a.cta-btn { } // Button inside carousel -.carousel-section .cta-btn .btn-label { - padding: 8px 10px; - padding-right: 25px; +.carousel-section .cta-btn { white-space: nowrap; text-overflow: ellipsis; font-size: 14px; text-align: center; + + &.cta-btn--external { + padding-right: 25px; + .btn-label { + padding: 8px 10px; + } + } } // Top margin to button coming after another button From 0e14490d24d0bde35e50907babfe5846c3c2a783 Mon Sep 17 00:00:00 2001 From: "pre-commit-ci[bot]" <66853113+pre-commit-ci[bot]@users.noreply.github.com> Date: Wed, 11 Dec 2024 17:22:01 +0000 Subject: [PATCH 6/6] [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --- static/css/components/buttonCta.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less index bc4306abcca..2a207e1f8ba 100644 --- a/static/css/components/buttonCta.less +++ b/static/css/components/buttonCta.less @@ -143,7 +143,7 @@ a.cta-btn { &.cta-btn--external { padding-right: 25px; .btn-label { - padding: 8px 10px; + padding: 8px 10px; } } }