From dfa22d21b6a49bb4ebaf590b16578cbc35c2894e Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Sun, 16 Mar 2025 21:18:54 -0500
Subject: [PATCH] UX: Welcome banner merge prep (#49)

This PR preps the Horizon theme for the merger of the search banner into core. This PR should only be merged once this PR in core has been merged.
---
 scss/main.scss          |  2 +-
 scss/search-banner.scss | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/scss/main.scss b/scss/main.scss
index 1983ea9..a0361d0 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -64,7 +64,7 @@ body:not(.has-full-page-chat) {
       .container.posts,
       #topic-footer-buttons,
       .more-topics__container,
-      .search-banner,
+      .welcome-banner,
       .container.viewing-self,
       .reviewable,
       .admin-content,
diff --git a/scss/search-banner.scss b/scss/search-banner.scss
index 42038ab..f44985c 100644
--- a/scss/search-banner.scss
+++ b/scss/search-banner.scss
@@ -1,3 +1,17 @@
+.floating-search-input-wrapper {
+  grid-area: extra-info;
+}
+
+.header-search--enabled .floating-search-input-wrapper,
+.search-header--visible .floating-search-input-wrapper {
+  justify-content: end;
+}
+
+.header-search--enabled .floating-search-input,
+.search-header--visible .floating-search-input {
+  width: 70%;
+}
+
 .custom-search-banner-wrap {
   display: grid;
   grid-template-rows: 0.33fr 0.33fr 0.33fr;