From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 8 May 2023 18:52:02 +0000 (+0200)
Subject: Improve the visuals for the search bar on tablets
X-Git-Tag: 6.0.0_Alpha_1~134
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=d751f1ba55ede1ead39195e4827fcdebf6090531;p=GitHub%2FWoltLab%2FWCF.git

Improve the visuals for the search bar on tablets

Fixes #5490
---

diff --git a/wcfsetup/install/files/acp/style/layout.scss b/wcfsetup/install/files/acp/style/layout.scss
index 1071ccccc1..e04e537fc3 100644
--- a/wcfsetup/install/files/acp/style/layout.scss
+++ b/wcfsetup/install/files/acp/style/layout.scss
@@ -190,7 +190,7 @@ html[data-color-scheme="dark"] {
 	@include screen-md-down {
 		max-width: 100vw;
 
-		.pageHeaderPanel fa-icon[size="16"] {
+		.pageHeaderPanel fa-icon[size="16"]:not([name="magnifying-glass"]) {
 			display: none;
 		}
 	}
@@ -574,6 +574,14 @@ html[data-color-scheme="dark"] {
 }
 
 @include screen-sm-md {
+	.searchBarOpen .pageHeaderSearch {
+		text-align: right;
+	}
+
+	.pageHeaderSearch .pageHeaderSearchInputContainer {
+		display: inline-flex;
+	}
+
 	.pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType {
 		flex: 0 auto;
 	}