UX: fix button alignment, remove dead CSS (#56)

discourse · May 13, 2024 · 2333c26 · 2333c26
1 parent 9173272
commit 2333c26
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 23 deletions.
diff --git a/common/common.scss b/common/common.scss
@@ -45,6 +45,7 @@ $max-width: 600px;
 
     .search-menu-container {
       width: 100%;
+      min-width: 0;
     }
   }
 
@@ -59,16 +60,11 @@ $max-width: 600px;
   .browser-search-tip {
     display: none;
   }
-  .search-input input#search-term[type="text"] {
-    margin: 0;
-    width: 100%;
-  }
 
   .search-input {
-    flex: 1 1 auto;
-    margin: 0;
-    .searching {
-      display: flex;
+    #search-term {
+      min-width: 0;
+      flex: 1 1;
     }
   }
 
@@ -124,13 +120,6 @@ $max-width: 600px;
     }
   }
 
-  // hide the search icon when a search context is selected
-  // eg when searching in a topic
-  .search-input .search-context + .search-icon:not(.has-search-button-text),
-  .search-input .search-context ~ .search-icon:not(.has-search-button-text) {
-    display: none;
-  }
-
   .results {
     box-sizing: border-box;
     background: var(--secondary);
@@ -156,10 +145,6 @@ $max-width: 600px;
     }
   }
 
-  .searching a.show-advanced-search {
-    display: none;
-  }
-
   .search-link .d-icon {
     color: var(--primary-medium);
   }

diff --git a/mobile/mobile.scss b/mobile/mobile.scss
@@ -9,7 +9,3 @@
 .search-menu .search-input input#search-term {
   width: 100%;
 }
-
-.custom-search-banner-wrap .search-icon {
-  top: 0.15em;
-}