瀏覽代碼

Nicer checkboxes

Alexander Zaytsev 6 年之前
父節點
當前提交
6070372af5
共有 1 個文件被更改,包括 8 次插入8 次删除
  1. 8 8
      packages/@uppy/provider-views/src/style.scss

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

@@ -257,7 +257,7 @@
 
 
   .uppy-ProviderBrowserItem {
   .uppy-ProviderBrowserItem {
     display: flex;
     display: flex;
-    padding: 8px 15px;
+    padding: 7px 15px;
     margin: 0;
     margin: 0;
   }
   }
 
 
@@ -266,7 +266,7 @@
   }
   }
 
 
     .uppy-ProviderBrowserItem-checkbox label:before {
     .uppy-ProviderBrowserItem-checkbox label:before {
-      border-color: rgba($color-asphalt-gray, 0.4);
+      border-color: rgba($color-asphalt-gray, 0.35);
     }
     }
 
 
     .uppy-ProviderBrowserItem-checkbox input:checked + label:before {
     .uppy-ProviderBrowserItem-checkbox input:checked + label:before {
@@ -434,12 +434,12 @@
 .uppy-ProviderBrowserItem-checkbox label:before {
 .uppy-ProviderBrowserItem-checkbox label:before {
   content: "";
   content: "";
   display: inline-block;
   display: inline-block;
-  height: 18px;
-  width: 18px;
+  height: 17px;
+  width: 17px;
   top: 2px;
   top: 2px;
   border: 1px solid $color-cornflower-blue;
   border: 1px solid $color-cornflower-blue;
   background-color: $color-white;
   background-color: $color-white;
-  border-radius: 2px;
+  border-radius: 3px;
 }
 }
 
 
 // Inner checkbox
 // Inner checkbox
@@ -447,9 +447,9 @@
   content: '';
   content: '';
   display: inline-block;
   display: inline-block;
   height: 5px;
   height: 5px;
-  width: 8px;
-  left: 5px;
-  top: 8px;
+  width: 9px;
+  left: 4px;
+  top: 7px;
   border-left: 2px solid $color-white;
   border-left: 2px solid $color-white;
   border-bottom: 2px solid $color-white;
   border-bottom: 2px solid $color-white;
   transform: rotate(-45deg);
   transform: rotate(-45deg);