فهرست منبع

omit magnifier icon (#5005)

Yuki Takei 4 سال پیش
والد
کامیت
5c908b8209
2فایلهای تغییر یافته به همراه3 افزوده شده و 22 حذف شده
  1. 0 5
      packages/app/src/components/Navbar/GlobalSearch.tsx
  2. 3 17
      packages/app/src/styles/_search.scss

+ 0 - 5
packages/app/src/components/Navbar/GlobalSearch.tsx

@@ -76,11 +76,6 @@ const GlobalSearch: FC<Props> = (props: Props) => {
           onInputChange={text => setText(text)}
           onSubmit={search}
         />
-        <div className="btn-group-submit-search">
-          <span className="btn-link text-decoration-none" onClick={search}>
-            <i className="icon-magnifier"></i>
-          </span>
-        </div>
       </div>
     </div>
   );

+ 3 - 17
packages/app/src/styles/_search.scss

@@ -55,8 +55,8 @@
 // input styles
 .grw-global-search {
   .search-clear {
-    top: 3px;
-    right: 26px;
+    top: 4px;
+    right: 4px;
   }
 
   .dropdown-toggle {
@@ -71,7 +71,7 @@
     border-top-right-radius: 40px;
     border-bottom-right-radius: 40px;
     .rbt-input-main {
-      padding-right: 58px;
+      padding-right: 36px;
       // corner radius
       border-top-right-radius: 40px;
       border-bottom-right-radius: 40px;
@@ -100,20 +100,6 @@
       border: none;
     }
   }
-
-  .btn-group-submit-search {
-    position: absolute;
-    top: 0;
-    right: 0;
-
-    z-index: 3;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-  }
 }
 
 // layout