From e1d66edce6d0a62744c496fd56479e54f3cc6dd2 Mon Sep 17 00:00:00 2001
From: elizavetaRa <svillyfly@mail.ru>
Date: Thu, 21 Apr 2022 16:49:24 +0200
Subject: [PATCH] unify icon sizes in new, upload and context menu

---
 .../src/components/AppBar/CreateAndUpload.vue        | 12 +++++++++---
 .../src/components/AppBar/Upload/FileUpload.vue      |  2 +-
 .../src/components/AppBar/Upload/FolderUpload.vue    |  2 +-
 .../web-app-files/src/components/ContextDrop.vue     |  3 +++
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/web-app-files/src/components/AppBar/CreateAndUpload.vue b/packages/web-app-files/src/components/AppBar/CreateAndUpload.vue
index af41cfd6f93..b7e25219f51 100644
--- 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
index 3303719fdf9..d966d4318f9 100644
--- 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
index 5201e609d5a..961a3c0c7b6 100644
--- 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
index eb795604300..731bf67d316 100644
--- 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;
+      }
     }
   }
 }