ソースを参照

Scrolling for file browser.

Harry Hedger 9 年 前
コミット
4b91866c4a
2 ファイル変更14 行追加0 行削除
  1. 2 0
      src/plugins/GoogleDrive.js
  2. 12 0
      src/scss/_googledrive.scss

+ 2 - 0
src/plugins/GoogleDrive.js

@@ -395,6 +395,7 @@ export default class Google extends Plugin {
           <li><button><img src="https://ssl.gstatic.com/docs/doclist/images/icon_11_shared_collection_list_1.png"/> Shared with me</button></li>
           <li><button><img src="https://ssl.gstatic.com/docs/doclist/images/icon_11_shared_collection_list_1.png"/> Shared with me</button></li>
           <li><button onclick=${this.logout}>Logout</button></li>
           <li><button onclick=${this.logout}>Logout</button></li>
         </ul>
         </ul>
+        <div class="UppyGoogleDrive-browserContainer">
         <table class="UppyGoogleDrive-browser">
         <table class="UppyGoogleDrive-browser">
           <thead>
           <thead>
             <tr>
             <tr>
@@ -409,6 +410,7 @@ export default class Google extends Plugin {
             ${files}
             ${files}
           </tbody>
           </tbody>
         </table>
         </table>
+        </div>
         <div class="UppyGoogleDrive-fileInfo">
         <div class="UppyGoogleDrive-fileInfo">
           ${previewElem}
           ${previewElem}
         </div>
         </div>

+ 12 - 0
src/scss/_googledrive.scss

@@ -121,6 +121,7 @@
 .UppyGoogleDrive-fileInfo {
 .UppyGoogleDrive-fileInfo {
   float: left;
   float: left;
   padding: 0 16px;
   padding: 0 16px;
+  width: 25%;
 }
 }
 
 
 .UppyGoogleDrive-fileInfo .UppyGoogleDrive-fileThumbnail {
 .UppyGoogleDrive-fileInfo .UppyGoogleDrive-fileThumbnail {
@@ -149,3 +150,14 @@
   background-color: #eee;
   background-color: #eee;
   cursor: pointer;
   cursor: pointer;
 }
 }
+
+.UppyGoogleDrive-fileInfo ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+.UppyGoogleDrive-browserContainer {
+  height: calc(80vh - 40px);
+  overflow: hidden;
+  overflow-y: scroll;
+}