Просмотр исходного кода

remove unnesessary css and adjust label style in search control

yuto-oweseek 4 лет назад
Родитель
Сommit
1193db88c2

+ 16 - 14
packages/app/src/components/SearchPage/SearchControl.tsx

@@ -72,25 +72,27 @@ const SearchControl: FC <Props> = (props: Props) => {
           />
         </div>
         <div className="d-flex align-items-center mr-3">
-          <div className="border border-gray px-3 py-2 mr-3">
-            <label className="my-0 mr-2" htmlFor="flexCheckDefault">
+          <div className="border border-gray mr-3">
+            <label className="px-3 py-2 mb-0 d-flex align-items-center" htmlFor="flexCheckDefault">
+              <input
+                className="mr-2"
+                type="checkbox"
+                id="flexCheckDefault"
+                onClick={() => onExcludeUsersHome()}
+              />
               {t('Include Subordinated Target Page', { target: '/user' })}
             </label>
-            <input
-              type="checkbox"
-              id="flexCheckDefault"
-              onClick={() => onExcludeUsersHome()}
-            />
           </div>
-          <div className="border border-gray px-3 py-2">
-            <label className="my-0 mr-2" htmlFor="flexCheckChecked">
+          <div className="border border-gray">
+            <label className="px-3 py-2 mb-0 d-flex align-items-center" htmlFor="flexCheckChecked">
+              <input
+                className="mr-2"
+                type="checkbox"
+                id="flexCheckChecked"
+                onClick={() => onExcludeTrash()}
+              />
               {t('Include Subordinated Target Page', { target: '/trash' })}
             </label>
-            <input
-              type="checkbox"
-              id="flexCheckChecked"
-              onClick={() => onExcludeTrash()}
-            />
           </div>
         </div>
       </div>

+ 0 - 18
packages/app/src/styles/_search.scss

@@ -122,10 +122,6 @@
     @extend .search-group-submit-button;
   }
 
-  input {
-    border-radius: 16rem !important;
-  }
-
   button {
     &:focus {
       box-shadow: none !important;
@@ -133,11 +129,6 @@
   }
 }
 
-.search-listpage-icon {
-  font-size: 16px;
-  color: $gray-400;
-}
-
 // layout
 .grw-global-search-top {
   // centering on navbar
@@ -183,15 +174,6 @@
     top: 0px;
     height: 100vh;
     overflow-y: scroll;
-    // TODO: remove vendere prefix css
-    /* for IE, Edge */
-    -ms-overflow-style: none;
-    /* for Firefox */
-    scrollbar-width: none;
-    /* for chrome and safari */
-    &::-webkit-scrollbar {
-      display: none;
-    }
 
     .nav.nav-pills {
       > .page-list-li {