Sfoglia il codice sorgente

search and close icons alignment

Artur Paikin 6 anni fa
parent
commit
553119809f
1 ha cambiato i file con 9 aggiunte e 5 eliminazioni
  1. 9 5
      packages/@uppy/provider-views/src/style.scss

+ 9 - 5
packages/@uppy/provider-views/src/style.scss

@@ -155,11 +155,11 @@
   height: 30px;
   background-color: transparent;
   outline: 0;
-  font-family: sans-serif;
+  font-family: $font-family-base;
   font-size: 13px;
   line-height: 30px;
   border: 0;
-  padding: 2px 16px 0 0;
+  padding: 0 16px 0 0;
   z-index: $zIndex-2;
 }
 
@@ -168,17 +168,21 @@
   height: 12px;
   position: absolute;
   right: 16px;
-  top: 7px;
+  top: 8px;
   z-index: $zIndex-3;
-  color: rgba($color-gray, 0.6);
+  color: $color-gray;
   cursor: pointer;
 }
 
+  .uppy-ProviderBrowser-searchClose svg {
+    vertical-align: text-top;
+  }
+
 .uppy-ProviderBrowser-searchInput::placeholder,
 .uppy-ProviderBrowser-searchInput::-webkit-input-placeholder,
 .uppy-ProviderBrowser-searchInput::-moz-placeholder,
 .uppy-ProviderBrowser-searchInput::-ms-input-placeholder {
-  color: rgba($color-gray, 0.75);
+  color: rgba($color-gray, 0.85);
   letter-spacing: 1px;
 }