소스 검색

Fix an issue with long Dashboard note margin on mobile

Artur Paikin 6 년 전
부모
커밋
10637982d6
1개의 변경된 파일6개의 추가작업 그리고 5개의 파일을 삭제
  1. 6 5
      packages/@uppy/dashboard/src/style.scss

+ 6 - 5
packages/@uppy/dashboard/src/style.scss

@@ -571,16 +571,16 @@
 
 
 .uppy-Dashboard-note {
 .uppy-Dashboard-note {
   font-size: 13px;
   font-size: 13px;
-  line-height: 1.2;
+  line-height: 1.25;
   text-align: center;
   text-align: center;
   color: rgba($color-asphalt-gray, 0.8);
   color: rgba($color-asphalt-gray, 0.8);
-  // position: absolute;
-  // bottom: 45px;
-  // left: 0;
-  width: 100%;
+  max-width: 80%;
+  margin: auto;
 
 
   .uppy-size--md & {
   .uppy-size--md & {
     font-size: 16px;
     font-size: 16px;
+    line-height: 1.3;
+    max-width: 90%;
   }
   }
 }
 }
 
 
@@ -605,6 +605,7 @@
   position: relative;
   position: relative;
   top: 1px;
   top: 1px;
   opacity: 0.9;
   opacity: 0.9;
+  vertical-align: text-top;
 }
 }
 
 
 .uppy-DashboardItem {
 .uppy-DashboardItem {