Parcourir la source

Informer, provider and StatusBar style tweaks

Artur Paikin il y a 7 ans
Parent
commit
d1e32e2ced
3 fichiers modifiés avec 15 ajouts et 8 suppressions
  1. 4 4
      src/scss/_informer.scss
  2. 9 4
      src/scss/_provider.scss
  3. 2 0
      src/scss/_statusbar.scss

+ 4 - 4
src/scss/_informer.scss

@@ -7,8 +7,8 @@
   font-size: 12px;
   font-size: 12px;
   font-weight: 500;
   font-weight: 500;
   padding: 0 15px;
   padding: 0 15px;
-  height: 30px;
-  line-height: 30px;
+  height: 35px;
+  line-height: 35px;
   background-color: $color-black;
   background-color: $color-black;
   color: $color-white;
   color: $color-white;
   opacity: 1;
   opacity: 1;
@@ -32,8 +32,8 @@
 .uppy-Informer p {
 .uppy-Informer p {
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
-  height: 30px;
-  line-height: 30px;
+  height: 35px;
+  line-height: 35px;
 
 
   .uppy-Dashboard--wide & {
   .uppy-Dashboard--wide & {
     height: 45px;
     height: 45px;

+ 9 - 4
src/scss/_provider.scss

@@ -253,11 +253,16 @@
 
 
   .uppy-ProviderBrowserItem {
   .uppy-ProviderBrowserItem {
     display: inline-block;
     display: inline-block;
-    width: 33.3333%;
+    width: 50%;
     position: relative;
     position: relative;
-    padding: 12px;
+    padding: 8px;
   }
   }
 
 
+    .uppy-Dashboard--wide .uppy-ProviderBrowserItem {
+      width: 33.3333%;
+      padding: 12px;
+    }
+
     // .uppy-ProviderBrowserItem--selected {
     // .uppy-ProviderBrowserItem--selected {
     //   border-color: $color-cornflower-blue;
     //   border-color: $color-cornflower-blue;
     //   outline: none;
     //   outline: none;
@@ -394,6 +399,6 @@
 }
 }
 
 
 .uppy-ProviderBrowser-doneBtn .UppyIcon {
 .uppy-ProviderBrowser-doneBtn .UppyIcon {
-  width: 30px;
-  height: 30px;
+  width: 45%;
+  height: 45%;
 }
 }

+ 2 - 0
src/scss/_statusbar.scss

@@ -32,6 +32,7 @@
 }
 }
 
 
 .uppy-StatusBar.is-complete .uppy-StatusBar-content {
 .uppy-StatusBar.is-complete .uppy-StatusBar-content {
+  width: 100%;
   text-align: center;
   text-align: center;
   padding-left: 0;
   padding-left: 0;
   justify-content: center;
   justify-content: center;
@@ -136,6 +137,7 @@
   }
   }
 
 
   .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
   .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
+    font-size: 14px;
     width: 100%;
     width: 100%;
     padding: 15px 10px;
     padding: 15px 10px;
   }
   }