unify icon sizes in new, upload and context menu

owncloud · Apr 21, 2022 · e1d66ed · e1d66ed
1 parent ec793c4
commit e1d66ed
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/packages/web-app-files/src/components/AppBar/CreateAndUpload.vue b/packages/web-app-files/src/components/AppBar/CreateAndUpload.vue
@@ -27,7 +27,7 @@
             <oc-list id="create-list">
               <li class="create-list-folder">
                 <oc-button id="new-folder-btn" appearance="raw" @click="showCreateResourceModal">
-                  <oc-resource-icon :resource="{ isFolder: true, extension: '' }" />
+                  <oc-resource-icon :resource="{ isFolder: true, extension: '' }" size="medium" />
                   <translate>Folder</translate>
                 </oc-button>
               </li>
@@ -41,7 +41,10 @@
                   :class="['new-file-btn-' + newFileHandler.ext]"
                   @click="showCreateResourceModal(false, newFileHandler.ext, newFileHandler.action)"
                 >
-                  <oc-resource-icon :resource="{ type: 'file', extension: newFileHandler.ext }" />
+                  <oc-resource-icon
+                    :resource="{ type: 'file', extension: newFileHandler.ext }"
+                    size="medium"
+                  />
                   <span>{{ newFileHandler.menuTitle($gettext) }}</span>
                 </oc-button>
               </li>
@@ -55,7 +58,10 @@
                     appearance="raw"
                     @click="showCreateResourceModal(false, mimetype.ext, false, true)"
                   >
-                    <oc-resource-icon :resource="{ type: 'file', extension: mimetype.ext }" />
+                    <oc-resource-icon
+                      :resource="{ type: 'file', extension: mimetype.ext }"
+                      size="medium"
+                    />
                     <translate :translate-params="{ name: mimetype.name }">%{name}</translate>
                   </oc-button>
                 </li>

diff --git a/packages/web-app-files/src/components/AppBar/Upload/FileUpload.vue b/packages/web-app-files/src/components/AppBar/Upload/FileUpload.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <oc-button class="oc-width-1-1" justify-content="left" appearance="raw" @click="triggerUpload">
-      <oc-resource-icon :resource="{ extension: '' }" />
+      <oc-resource-icon :resource="{ extension: '' }" size="medium" />
       <span id="files-file-upload-button" v-translate>Files</span>
     </oc-button>
     <input

diff --git a/packages/web-app-files/src/components/AppBar/Upload/FolderUpload.vue b/packages/web-app-files/src/components/AppBar/Upload/FolderUpload.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <oc-button class="oc-width-1-1" justify-content="left" appearance="raw" @click="triggerUpload">
-      <oc-resource-icon :resource="{ isFolder: true, extension: '' }" />
+      <oc-resource-icon :resource="{ isFolder: true, extension: '' }" size="medium" />
       <span id="files-folder-upload-button" v-translate>Folder</span>
     </oc-button>
     <input

diff --git a/packages/web-app-files/src/components/ContextDrop.vue b/packages/web-app-files/src/components/ContextDrop.vue
@@ -33,6 +33,9 @@ export default {
       span {
         text-decoration: none !important;
       }
+      .oc-icon-m > svg {
+        height: 24px;
+      }
     }
   }
 }