From 9a0fd2ba71f6431b6be636af52f99a6eecc497f6 Mon Sep 17 00:00:00 2001 From: thisisobate Date: Tue, 2 Jan 2024 15:50:38 +0100 Subject: [PATCH 1/2] Chore: fix Home overview section to show a transparent background color on IOS Signed-off-by: thisisobate --- themes/helm/assets/sass/helm-home.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/themes/helm/assets/sass/helm-home.scss b/themes/helm/assets/sass/helm-home.scss index 2b3709d30..fa3a33c16 100755 --- a/themes/helm/assets/sass/helm-home.scss +++ b/themes/helm/assets/sass/helm-home.scss @@ -87,6 +87,10 @@ background: url('/img/topography.png') repeat top left, linear-gradient(180deg, darken($navy, 5%) 0%, $navy 100%); + // for ios 5.0+ + background: + url('/img/topography.png') repeat top left, + -webkit-linear-gradient(180deg, darken($navy, 5%) 0%, $navy 100%); background-blend-mode: color-burn; background-attachment: fixed; padding-top: 7.5rem; From 91c28524eaa8664a34c80d70d7d6dfe90cb4d169 Mon Sep 17 00:00:00 2001 From: thisisobate Date: Thu, 4 Jan 2024 17:09:48 +0100 Subject: [PATCH 2/2] chore: disable blend mode and set background color for mobile Signed-off-by: thisisobate --- themes/helm/assets/sass/docs-responsive.scss | 7 +++++++ themes/helm/assets/sass/helm-home.scss | 4 ---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/themes/helm/assets/sass/docs-responsive.scss b/themes/helm/assets/sass/docs-responsive.scss index 1c5dc066f..25e96de09 100755 --- a/themes/helm/assets/sass/docs-responsive.scss +++ b/themes/helm/assets/sass/docs-responsive.scss @@ -155,9 +155,16 @@ // mobile and tablet combined @media only screen and (max-width: 1023px) { + .home-overview-wrap { + background-image: linear-gradient(180deg, darken($navy, 5%) 0%, $navy 100%); + background-blend-mode: normal; + } + section.footer-links { padding-left: 10vw; padding-right: 10vw; + background-image: linear-gradient(180deg, darken($navy, 5%) 0%, $navy 100%); + background-blend-mode: normal; img { float: left; diff --git a/themes/helm/assets/sass/helm-home.scss b/themes/helm/assets/sass/helm-home.scss index fa3a33c16..2b3709d30 100755 --- a/themes/helm/assets/sass/helm-home.scss +++ b/themes/helm/assets/sass/helm-home.scss @@ -87,10 +87,6 @@ background: url('/img/topography.png') repeat top left, linear-gradient(180deg, darken($navy, 5%) 0%, $navy 100%); - // for ios 5.0+ - background: - url('/img/topography.png') repeat top left, - -webkit-linear-gradient(180deg, darken($navy, 5%) 0%, $navy 100%); background-blend-mode: color-burn; background-attachment: fixed; padding-top: 7.5rem;