From d751f1ba55ede1ead39195e4827fcdebf6090531 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Mon, 8 May 2023 20:52:02 +0200 Subject: [PATCH] Improve the visuals for the search bar on tablets Fixes #5490 --- wcfsetup/install/files/acp/style/layout.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) 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; } -- 2.20.1