Update ods 1.10.1

apps/files/src/components/Collaborators/Collaborator.vue

@@ -10,16 +10,16 @@
           <oc-button
             :id="$_resharerToggleId"
             variation="raw"
+            justify-content="left"
+            gap-size="xsmall"
             :aria-label="$gettext('Show resharer details')"
             :uk-tooltip="$gettext('Show resharer details')"
           >
-            <span class="uk-flex uk-flex-middle">
-              <oc-icon name="repeat" class="uk-preserve-width oc-icon-xsmall" />
-              <span
-                class="uk-padding-remove uk-margin-xsmall-left uk-text-truncate files-collaborators-collaborator-reshare-information"
-                >{{ $_reshareInformation }}</span
-              >
-            </span>
+            <oc-icon name="repeat" size="xsmall" class="uk-preserve-width" />
+            <span
+              class="uk-padding-remove uk-text-truncate files-collaborators-collaborator-reshare-information"
+              >{{ $_reshareInformation }}</span
+            >
           </oc-button>
           <oc-drop
             ref="menu"
@@ -139,26 +139,32 @@
         </div>
       </oc-table-cell>
       <oc-table-cell shrink>
-        <oc-button
-          v-if="$_editButtonVisible"
-          :aria-label="$gettext('Edit share')"
-          :uk-tooltip="$gettext('Edit share')"
-          variation="raw"
-          class="files-collaborators-collaborator-edit"
-          @click="$emit('onEdit', collaborator)"
-        >
-          <oc-icon name="edit" />
-        </oc-button>
+        <div class="uk-flex uk-flex-nowrap uk-flex-middle">
+          <oc-button
+            v-if="$_editButtonVisible"
+            :aria-label="$gettext('Edit share')"
+            :uk-tooltip="$gettext('Edit share')"
+            variation="raw"
+            class="files-collaborators-collaborator-edit"
+            @click="$emit('onEdit', collaborator)"
+          >
+            <oc-icon name="edit" />
+          </oc-button>
+        </div>
       </oc-table-cell>
     </oc-table-row>
     <oc-table-row v-if="$_viaLabel" class="files-collaborators-collaborator-table-row-bottom">
       <oc-table-cell shrink :colspan="firstColumn ? 2 : 1"></oc-table-cell>
       <oc-table-cell colspan="2">
         <div class="uk-text-meta">
-          <router-link
+          <oc-button
+            type="router-link"
+            variation="raw"
+            justify-content="left"
+            gap-size="xsmall"
             :to="$_viaRouterParams"
             :aria-label="$gettext('Navigate to parent')"
-            class="files-collaborators-collaborator-follow-via uk-flex uk-flex-middle"
+            class="files-collaborators-collaborator-follow-via"
           >
             <oc-icon
               name="exit_to_app"
@@ -167,10 +173,10 @@
               :uk-tooltip="$gettext('Navigate to parent')"
             />
             <span
-              class="oc-file-name uk-padding-remove uk-margin-xsmall-left uk-text-truncate files-collaborators-collaborator-via-label"
+              class="oc-file-name uk-padding-remove uk-text-truncate files-collaborators-collaborator-via-label"
               >{{ $_viaLabel }}</span
             >
-          </router-link>
+          </oc-button>
         </div>
       </oc-table-cell>
     </oc-table-row>

apps/files/src/components/Collaborators/EditCollaborator.vue

@@ -39,13 +39,11 @@
         >
           <translate>Cancel</translate>
         </oc-button>
+      </div>
+      <div>
         <oc-button v-if="saving" key="edit-collaborator-saving-button" :disabled="true">
-          <oc-spinner
-            :aria-label="$gettext('Saving Share')"
-            class="uk-position-small uk-position-center-left"
-            size="xsmall"
-          />
-          <span v-translate :aria-hidden="true" class="uk-margin-small-left">Saving Share</span>
+          <oc-spinner :aria-label="$gettext('Saving Share')" size="xsmall" />
+          <span v-translate :aria-hidden="true">Saving Share</span>
         </oc-button>
         <oc-button
           v-else

apps/files/src/components/Collaborators/NewCollaborator.vue

@@ -64,13 +64,11 @@
         >
           <translate>Cancel</translate>
         </oc-button>
+      </div>
+      <div>
         <oc-button v-if="saving" key="new-collaborator-saving-button" :disabled="true">
-          <oc-spinner
-            :aria-label="$gettext('Adding People')"
-            class="uk-position-small uk-position-center-left"
-            size="xsmall"
-          />
-          <span v-translate :aria-hidden="true" class="uk-margin-small-left">Adding People</span>
+          <oc-spinner :aria-label="$gettext('Adding People')" size="xsmall" />
+          <span v-translate :aria-hidden="true">Adding People</span>
         </oc-button>
         <oc-button
           v-else

apps/files/src/components/Collaborators/SharedFilesList.vue

@@ -114,23 +114,25 @@
           >
         </span>
       </div>
-      <div v-else :key="item.id + item.status" class="uk-text-nowrap">
-        <a
+      <div v-else :key="item.id + item.status" class="uk-text-nowrap uk-flex uk-flex-middle">
+        <oc-button
           v-if="item.status === 1 || item.status === 2"
-          v-translate
+          variation="raw"
           class="file-row-share-status-action uk-text-meta"
           @click="pendingShareAction(item, 'POST')"
-          >Accept</a
         >
-        <a
+          <translate>Accept</translate>
+        </oc-button>
+        <oc-button
           v-if="item.status === 1"
-          v-translate
+          variation="raw"
           class="file-row-share-status-action uk-text-meta uk-margin-left"
           @click="pendingShareAction(item, 'DELETE')"
-          >Decline</a
         >
+          <translate>Decline</translate>
+        </oc-button>
         <span
-          class="uk-text-small uk-margin-left file-row-share-status-text"
+          class="uk-text-small uk-margin-left file-row-share-status-text uk-text-baseline"
           v-text="shareStatus(item.status)"
         />
       </div>

apps/files/src/components/FileInfoVersions.vue

@@ -16,7 +16,7 @@
             </oc-table-cell>
           </oc-table-cell>
           <oc-table-cell shrink>
-            <div class="uk-button-group uk-margin-small-right">
+            <div class="uk-button-group">
               <oc-button
                 variation="raw"
                 :aria-label="$gettext('Restore older version')"
@@ -28,7 +28,7 @@
             </div>
           </oc-table-cell>
           <oc-table-cell shrink>
-            <div class="uk-button-group uk-margin-small-right">
+            <div class="uk-button-group">
               <oc-button
                 variation="raw"
                 :aria-label="$gettext('Download older version')"

apps/files/src/components/FileLinkSidebar.vue

@@ -8,7 +8,7 @@
       <oc-loader v-if="linksLoading" :aria-label="$gettext('Loading list of file links')" />
       <template v-else>
         <section v-if="$_privateLinkOfHighlightedFile">
-          <div class="uk-text-bold">
+          <div class="uk-text-bold uk-flex">
             <span v-translate>Private Link</span>
             <oc-button
               :aria-label="$_privateLinkCopyLabel"
@@ -57,8 +57,10 @@
               variation="primary"
               :aria-label="$_addButtonAriaLabel"
               @click="$_addPublicLink"
-              >{{ $_addButtonLabel }}</oc-button
             >
+              <oc-icon name="add" />
+              {{ $_addButtonLabel }}
+            </oc-button>
           </div>
           <transition-group
             class="uk-list uk-list-divider uk-overflow-hidden uk-margin-remove"

apps/files/src/components/FileSharingSidebar.vue

@@ -10,10 +10,10 @@
         <div v-if="$_ocCollaborators_canShare" class="uk-margin-small-top uk-margin-small-bottom">
           <oc-button
             variation="primary"
-            icon="add"
             class="files-collaborators-open-add-share-dialog-button"
             @click="$_ocCollaborators_addShare"
           >
+            <oc-icon name="add" aria-hidden="true" />
             <translate>Share</translate>
           </oc-button>
         </div>

apps/files/src/components/FilesAppBar.vue

@@ -10,15 +10,8 @@
       @progress="onFileProgress"
     />
     <div>
-      <div>
-        <div class="uk-flex uk-margin-small-bottom">
-          <oc-breadcrumb
-            v-if="showBreadcrumb"
-            id="files-breadcrumb"
-            :items="breadcrumbs"
-            home
-          ></oc-breadcrumb>
-        </div>
+      <div class="uk-margin-small-bottom">
+        <oc-breadcrumb v-if="showBreadcrumb" id="files-breadcrumb" :items="breadcrumbs" home />
         <span v-if="!showBreadcrumb" class="uk-flex uk-flex-middle uk-margin-small-bottom">
           <oc-icon v-if="pageIcon" :name="pageIcon" class="uk-margin-small-right" />
           <h1 class="oc-page-title" v-text="pageTitle" />
@@ -34,11 +27,12 @@
               id="new-file-menu-btn"
               key="new-file-menu-btn-enabled"
               variation="primary"
-              icon="add"
               :uk-tooltip="_cannotCreateDialogText"
               :disabled="isNewBtnDisabled"
-              ><translate>New</translate></oc-button
             >
+              <oc-icon name="add" aria-hidden="true" />
+              <translate>New</translate>
+            </oc-button>
             <oc-drop
               drop-id="new-file-menu-drop"
               toggle="#new-file-menu-btn"
@@ -112,55 +106,55 @@
           <oc-button
             v-if="selectedFiles.length > 0"
             key="restore-btn"
-            icon="restore"
             class="uk-margin-small-right"
             @click="$_ocTrashbin_restoreFiles()"
           >
+            <oc-icon name="restore" aria-hidden="true" />
             <translate>Restore</translate>
           </oc-button>
           <oc-button
             id="delete-selected-btn"
             key="delete-btn"
-            icon="delete"
             :disabled="files.length === 0"
             @click="
               selectedFiles.length < 1 ? $_ocTrashbin_empty() : $_deleteResources_displayDialog()
             "
           >
+            <oc-icon name="delete" aria-hidden="true" />
             {{ $_ocAppBar_clearTrashbinButtonText }}
           </oc-button>
         </template>
         <oc-grid v-if="displayBulkActions" gutter="small">
           <div>
             <oc-button
-              id="delete-selected-btn"
-              key="delete-selected-btn"
-              icon="delete"
-              @click="$_deleteResources_displayDialog()"
+              id="copy-selected-btn"
+              key="copy-selected-btn"
+              :disabled="!canCopy"
+              @click="triggerLocationPicker('copy')"
             >
-              <translate>Delete</translate>
+              <oc-icon name="file_copy" aria-hidden="true" />
+              <translate>Copy</translate>
             </oc-button>
           </div>
           <div>
             <oc-button
               id="move-selected-btn"
               key="move-selected-btn"
-              icon="folder-move"
               :disabled="!canMove"
-              @click.native="triggerLocationPicker('move')"
+              @click="triggerLocationPicker('move')"
             >
+              <oc-icon name="folder-move" aria-hidden="true" />
               <translate>Move</translate>
             </oc-button>
           </div>
           <div>
             <oc-button
-              id="copy-selected-btn"
-              key="copy-selected-btn"
-              icon="file_copy"
-              :disabled="!canCopy"
-              @click.native="triggerLocationPicker('copy')"
+              id="delete-selected-btn"
+              key="delete-selected-btn"
+              @click="$_deleteResources_displayDialog()"
             >
-              <translate>Copy</translate>
+              <oc-icon name="delete" aria-hidden="true" />
+              <translate>Delete</translate>
             </oc-button>
           </div>
         </oc-grid>

apps/files/src/components/FilesLists/Indicators.vue

@@ -1,6 +1,10 @@
 <template>
   <span>
-    <div v-if="displayDefaultIndicators" :class="{ 'uk-margin-xsmall-right': customIndicators }">
+    <div
+      v-if="displayDefaultIndicators"
+      :class="{ 'uk-margin-xsmall-right': customIndicators }"
+      class="uk-flex"
+    >
       <template v-if="areIndicatorsClickable">
         <oc-button
           v-for="(indicator, index) in defaultIndicators"
@@ -10,7 +14,7 @@
           :aria-label="indicator.label"
           :uk-tooltip="indicator.label"
           variation="raw"
-          @click.native.stop="indicator.handler(item, indicator.id)"
+          @click.stop="indicator.handler(item, indicator.id)"
         >
           <oc-icon :name="indicator.icon" class="uk-text-middle" size="small" variation="system" />
         </oc-button>

apps/files/src/components/FilesLists/QuickActions.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="uk-flex">
     <oc-button
       v-for="action in filteredActions"
       :id="`files-quick-action-${action.id}`"
@@ -8,7 +8,7 @@
       :uk-tooltip="action.label"
       variation="raw"
       class="uk-margin-xsmall-right"
-      @click.native.stop="action.handler({ item, client: $client, store: $store })"
+      @click.stop="action.handler({ item, client: $client, store: $store })"
     >
       <oc-icon :name="action.icon" aria-hidden="true" size="small" class="uk-flex" />
     </oc-button>

apps/files/src/components/FilesLists/RowActionsDropdown.vue

@@ -12,13 +12,13 @@
       <li v-for="action in actions" :key="action.ariaLabel(item)">
         <oc-button
           class="uk-width-1-1"
-          :icon="action.icon"
           :aria-Label="action.ariaLabel(item)"
-          @click.native.stop="
+          @click.stop="
             action.handler(item, action.handlerData)
             actionClicked()
           "
         >
+          <oc-icon :name="action.icon" aria-hidden="true" />
           {{ action.ariaLabel(item) }}
         </oc-button>
       </li>