From 4fec1c9efb3f38a88b14b77b8baaec4229d8beaa Mon Sep 17 00:00:00 2001 From: Eric Date: Mon, 8 Apr 2024 10:20:15 -0500 Subject: [PATCH] Website: browser compatibility fixes 2024-04-05 (#18109) Closes: #18089 Closes: #18107 Changes: - Updated styles for the buttons on the /register and /login pages to fix alignment issues on Opera v64. - Updated the style of the "start now" header button to fix an alignment issue on Opera v64. - updated the animation the logo carousel uses to fix weird behavior on Safari 13 --- .../assets/styles/components/logo-carousel.component.less | 4 ++-- website/assets/styles/layout.less | 2 ++ website/assets/styles/pages/entrance/login.less | 3 +-- website/assets/styles/pages/entrance/signup.less | 3 +-- website/views/layouts/layout.ejs | 6 ------ 5 files changed, 6 insertions(+), 12 deletions(-) diff --git a/website/assets/styles/components/logo-carousel.component.less b/website/assets/styles/components/logo-carousel.component.less index 2e057bfc05..b16e8ace53 100644 --- a/website/assets/styles/components/logo-carousel.component.less +++ b/website/assets/styles/components/logo-carousel.component.less @@ -57,10 +57,10 @@ } @keyframes scroll-horizontal { 0% { - transform: translateX(50%); + transform: translateX(25%); } 100% { - transform: translateX(-50%); + transform: translateX(-75%); } } } diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less index 210cc4914b..a03435ff6c 100644 --- a/website/assets/styles/layout.less +++ b/website/assets/styles/layout.less @@ -74,6 +74,7 @@ html, body { position: relative; font-size: 14px; font-weight: 700; + line-height: 1; padding: 16px; box-shadow: 1px 1px 2px rgba(25, 33, 71, 0.24); border-radius: 4px; @@ -231,6 +232,7 @@ html, body { position: relative; font-size: 14px; font-weight: 700; + line-height: 1; padding: 16px; box-shadow: 1px 1px 2px rgba(25, 33, 71, 0.24); border-radius: 4px; diff --git a/website/assets/styles/pages/entrance/login.less b/website/assets/styles/pages/entrance/login.less index f49be521f6..42cadfb9be 100644 --- a/website/assets/styles/pages/entrance/login.less +++ b/website/assets/styles/pages/entrance/login.less @@ -62,7 +62,6 @@ border-radius: 8px; padding-top: 16px; padding-bottom: 16px; - height: 48px; display: flex; align-items: center; span { @@ -70,7 +69,7 @@ margin-left: auto; margin-right: auto; font-size: 16px; - line-height: 20px; + line-height: 16px; text-align: center; font-weight: 700; } diff --git a/website/assets/styles/pages/entrance/signup.less b/website/assets/styles/pages/entrance/signup.less index 6c9a3b2c78..058d58681c 100644 --- a/website/assets/styles/pages/entrance/signup.less +++ b/website/assets/styles/pages/entrance/signup.less @@ -66,7 +66,6 @@ border-radius: 8px; padding-top: 16px; padding-bottom: 16px; - height: 48px; display: flex; align-items: center; span { @@ -74,7 +73,7 @@ margin-left: auto; margin-right: auto; font-size: 16px; - line-height: 20px; + line-height: 16px; text-align: center; font-weight: 700; } diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs index dd6720d902..8e2c6ac3cc 100644 --- a/website/views/layouts/layout.ejs +++ b/website/views/layouts/layout.ejs @@ -525,12 +525,6 @@ - - - - - -