From 19e24de3fc53e62d4de883c80696cb94093bb27c Mon Sep 17 00:00:00 2001 From: Dominic Tran Date: Tue, 26 Aug 2025 14:01:46 -0500 Subject: [PATCH 1/3] fixing overflow display issue on install for mobile --- src/css/custom.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/css/custom.scss b/src/css/custom.scss index f887de4cc91..fd8dcc05e70 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -1430,6 +1430,15 @@ input::-ms-input-placeholder { /* Microsoft Edge */ display: flex; } +@media (max-width: 768px) { + .installContainer { + flex-wrap: wrap; + } + .install-card { + margin: 0; + } +} + .install-card { margin: 0em 0.5em; } From ef474cfbb5efe9e5427224b3f688a3540fe080f1 Mon Sep 17 00:00:00 2001 From: Dominic Tran Date: Tue, 2 Sep 2025 10:31:20 -0500 Subject: [PATCH 2/3] Update src/css/custom.scss Co-authored-by: Shaun Struwig <41984034+Blargian@users.noreply.github.com> --- src/css/custom.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/custom.scss b/src/css/custom.scss index fd8dcc05e70..5a825c3f61b 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -1430,7 +1430,7 @@ input::-ms-input-placeholder { /* Microsoft Edge */ display: flex; } -@media (max-width: 768px) { +@media (max-width: breakpoints.$mobile-breakpoint) { .installContainer { flex-wrap: wrap; } From 7e13ac6cf4f522e07a68fb9d8b3ed02165895430 Mon Sep 17 00:00:00 2001 From: Shaun Struwig <41984034+Blargian@users.noreply.github.com> Date: Tue, 2 Sep 2025 21:13:14 +0200 Subject: [PATCH 3/3] Update custom.scss --- src/css/custom.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/css/custom.scss b/src/css/custom.scss index 5a825c3f61b..8118356e62e 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -1430,7 +1430,7 @@ input::-ms-input-placeholder { /* Microsoft Edge */ display: flex; } -@media (max-width: breakpoints.$mobile-breakpoint) { +@media (max-width: breakpoints.$laptop-breakpoint) { .installContainer { flex-wrap: wrap; } @@ -1524,4 +1524,4 @@ input::-ms-input-placeholder { /* Microsoft Edge */ .code-viewer { margin-bottom: var(--ifm-paragraph-margin-bottom); -} \ No newline at end of file +}