From 83e9d681d74d1ab8d9e6ee6b58b09b97ea9f90dd Mon Sep 17 00:00:00 2001 From: walster001 Date: Thu, 27 Jun 2024 18:09:51 +0930 Subject: [PATCH 1/3] Fix ModernDark Card Alignment Fix cards not showing up properly in ModernDark theme, when more lists are created than will fit on a single screen, inciting a horizontal scrollbar, and then scrolling across trying to open cards. Due to position being absolute, this then opened the card off-screen --- client/components/boards/boardColors.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/client/components/boards/boardColors.css b/client/components/boards/boardColors.css index cac7fdf05..3189df4b2 100644 --- a/client/components/boards/boardColors.css +++ b/client/components/boards/boardColors.css @@ -1919,8 +1919,8 @@ } @media screen and (min-width: 801px) { .board-color-moderndark .card-details { - position: absolute; - top: 30px; + position: fixed; + top: 97px; left: calc(50% - 384px); width: 768px; max-height: calc(100% - 60px); From 5fee0b05e02b043ef4ea2e310ce4b8b27d119458 Mon Sep 17 00:00:00 2001 From: walster001 Date: Thu, 27 Jun 2024 18:39:48 +0930 Subject: [PATCH 2/3] Fix ModernDark Card Alignment --- client/components/boards/boardColors.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/components/boards/boardColors.css b/client/components/boards/boardColors.css index 5f6e5ed88..f3bce0cc1 100644 --- a/client/components/boards/boardColors.css +++ b/client/components/boards/boardColors.css @@ -1920,7 +1920,7 @@ @media screen and (min-width: 801px) { .board-color-moderndark .card-details { position: fixed; - top: 97px; + top: 30px; left: calc(50% - 384px); width: 768px; max-height: calc(100% - 60px); From c002cf759e36d87d6e6bd309a1bec657414bb96e Mon Sep 17 00:00:00 2001 From: walster001 Date: Thu, 27 Jun 2024 18:49:01 +0930 Subject: [PATCH 3/3] Fix ModernDark Card Alignment Fix position from absolute to fixed, so it moves with the viewport when horizonally scrolling. Fix card top border due to changing position, adjust top border px to 82px --- client/components/boards/boardColors.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/components/boards/boardColors.css b/client/components/boards/boardColors.css index f3bce0cc1..b91e1aac7 100644 --- a/client/components/boards/boardColors.css +++ b/client/components/boards/boardColors.css @@ -1920,7 +1920,7 @@ @media screen and (min-width: 801px) { .board-color-moderndark .card-details { position: fixed; - top: 30px; + top: 82px; left: calc(50% - 384px); width: 768px; max-height: calc(100% - 60px);