From 78e9bf8cad74c033f0582661e85a921bdba6c618 Mon Sep 17 00:00:00 2001 From: itepechi <72330683+itepechi@users.noreply.github.com> Date: Mon, 28 Aug 2023 06:32:36 +0900 Subject: [PATCH] Reset search button style --- .../list_user_search/list_user_search.vue | 6 ------ src/components/search/search.vue | 11 +---------- src/components/search_bar/search_bar.vue | 13 +++---------- src/components/status/status.scss | 1 - 4 files changed, 4 insertions(+), 27 deletions(-) diff --git a/src/components/list_user_search/list_user_search.vue b/src/components/list_user_search/list_user_search.vue index 46b34ee1..fcd2f7da 100644 --- a/src/components/list_user_search/list_user_search.vue +++ b/src/components/list_user_search/list_user_search.vue @@ -38,12 +38,6 @@ } } -.input-search { - display: flex; - justify-content: center; - align-items: center; -} - .search-icon { margin-right: 0.3em; } diff --git a/src/components/search/search.vue b/src/components/search/search.vue index 571493cf..f76fb635 100644 --- a/src/components/search/search.vue +++ b/src/components/search/search.vue @@ -197,19 +197,10 @@ font-size: 1rem; padding: 0.5rem; box-sizing: border-box; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } .search-button { - aspect-ratio: 1/1; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - box-shadow: var(--inputShadow); - - &:hover { - box-shadow: var(--buttonHoverShadow); - } + margin-left: 0.5em; } } diff --git a/src/components/search_bar/search_bar.vue b/src/components/search_bar/search_bar.vue index 6d54cc0c..ab7d2972 100644 --- a/src/components/search_bar/search_bar.vue +++ b/src/components/search_bar/search_bar.vue @@ -60,7 +60,8 @@ .SearchBar { display: inline-flex; - align-items: center; + align-items: baseline; + vertical-align: baseline; justify-content: flex-end; &.-expanded { @@ -75,15 +76,6 @@ .search-bar-input { flex: 1 0 auto; margin-left: 0.5em; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .search-button { - aspect-ratio: 1/1; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - box-shadow: var(--inputShadow); } .cancel-search { @@ -95,4 +87,5 @@ color: var(--btnTopBarText, $fallback--text); } } + diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 6eb6322d..98cf0a17 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -142,7 +142,6 @@ .nowrap { display: flex; - align-items: end; white-space: nowrap; } }