From 84e6e78517a1b5b29e670814cb9b979f2bf469c6 Mon Sep 17 00:00:00 2001 From: Daniel Pastor Ramirez Date: Wed, 21 Aug 2024 16:16:07 -0600 Subject: [PATCH] Adjustments of input fields for mobile devices. --- docs/announcements/index.qmd | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/docs/announcements/index.qmd b/docs/announcements/index.qmd index 030104e..be1e50c 100644 --- a/docs/announcements/index.qmd +++ b/docs/announcements/index.qmd @@ -100,11 +100,16 @@ search: false const labelWidth = label.offsetWidth; const inputContainer = document.getElementById('inputContainer'); - if (bannerWidth <= 800 && bannerWidth > 400) { // Adjust this value as needed + if (bannerWidth <= 600 && bannerWidth > 400) { // Adjust this value as needed label.textContent = 'Join the community \u2192 '; inputContainer.style.flexDirection = 'column'; inputContainer.style.alignItems = 'center'; inputContainer.style.gap = '15px'; + } else if (bannerWidth > 600 && bannerWidth <= 800) { // Adjust this value as needed + label.textContent = 'Join the community \u2192 '; + inputContainer.style.flexDirection = 'row'; + inputContainer.style.alignItems = 'center'; + inputContainer.style.gap = '10px'; // Default gap value for row layout } else if (bannerWidth <= 400) { label.textContent = ''; inputContainer.style.flexDirection = 'column';