From a3e55cfb919fbd6b724dd52f517663406b461f63 Mon Sep 17 00:00:00 2001 From: "Vega, Obed" Date: Wed, 14 May 2025 12:01:42 -0700 Subject: [PATCH 1/4] fix margin of search bar --- src/theme/SearchBar/styles.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/theme/SearchBar/styles.css b/src/theme/SearchBar/styles.css index b408a04292..4ee6588421 100644 --- a/src/theme/SearchBar/styles.css +++ b/src/theme/SearchBar/styles.css @@ -139,10 +139,6 @@ --docsearch-text-color: #333a3e; } -.sideNavPresent .DocSearch-Modal { - margin-top: 4.75rem; -} - .DocSearch-MagnifierLabel svg { width: 20px; height: 20px; @@ -181,6 +177,7 @@ .DocSearch-Footer { bottom: 60px; + position: relative; } .sideNavPresent .DocSearch-Footer { From 52ecb2b1a19285ca2e4bb4a305f1feb1c3f19cb2 Mon Sep 17 00:00:00 2001 From: "Vega, Obed" Date: Wed, 14 May 2025 17:37:29 -0700 Subject: [PATCH 2/4] test margin-top --- src/theme/SearchBar/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/theme/SearchBar/styles.css b/src/theme/SearchBar/styles.css index 4ee6588421..b1695fabbc 100644 --- a/src/theme/SearchBar/styles.css +++ b/src/theme/SearchBar/styles.css @@ -89,7 +89,7 @@ .DocSearch-Modal { --docsearch-modal-width: 720px; - margin-top: 3.5rem; + margin-top: 3.5rem !important; max-width: 700px; } @@ -139,6 +139,10 @@ --docsearch-text-color: #333a3e; } +.sideNavPresent .DocSearch-Modal { + margin-top: 4.75rem; +} + .DocSearch-MagnifierLabel svg { width: 20px; height: 20px; From 396ac39a08a601b510b1fcbc81e61e191de56988 Mon Sep 17 00:00:00 2001 From: "Vega, Obed" Date: Wed, 14 May 2025 18:06:21 -0700 Subject: [PATCH 3/4] sideNavPresetn class test --- src/theme/SearchBar/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/theme/SearchBar/styles.css b/src/theme/SearchBar/styles.css index b1695fabbc..e66a3ffad1 100644 --- a/src/theme/SearchBar/styles.css +++ b/src/theme/SearchBar/styles.css @@ -140,7 +140,7 @@ } .sideNavPresent .DocSearch-Modal { - margin-top: 4.75rem; + margin-top: 4.75rem !important; } .DocSearch-MagnifierLabel svg { From 175797de3b86be24f9fef4c92b92b4cebf45aa15 Mon Sep 17 00:00:00 2001 From: "Vega, Obed" Date: Wed, 14 May 2025 18:51:34 -0700 Subject: [PATCH 4/4] adding margin top in media query --- src/theme/SearchBar/styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/theme/SearchBar/styles.css b/src/theme/SearchBar/styles.css index e66a3ffad1..06ef5f0a6e 100644 --- a/src/theme/SearchBar/styles.css +++ b/src/theme/SearchBar/styles.css @@ -89,7 +89,6 @@ .DocSearch-Modal { --docsearch-modal-width: 720px; - margin-top: 3.5rem !important; max-width: 700px; } @@ -140,7 +139,7 @@ } .sideNavPresent .DocSearch-Modal { - margin-top: 4.75rem !important; + margin-top: 4.75rem; } .DocSearch-MagnifierLabel svg { @@ -152,8 +151,10 @@ .DocSearch-Modal { position: absolute; right: 0; + margin-top: 3.5rem; } + .DocSearch-MagnifierLabel { --docsearch-highlight-color: var(--ifm-color-secondary); } @@ -181,7 +182,6 @@ .DocSearch-Footer { bottom: 60px; - position: relative; } .sideNavPresent .DocSearch-Footer {