Rebase, update snapshots

packages/web-app-files/src/views/spaces/Project.vue

@@ -42,64 +42,66 @@
  </div>
  </div>
  <div>
- <div class="oc-flex oc-mb-s oc-flex-middle">
+ <div class="oc-flex oc-mb-s oc-flex-middle oc-flex-between">
  <h1 class="space-overview-name oc-text-truncate">{{ space.name }}</h1>
- <oc-button
- v-if="!loadSharesTask.isRunning && currentFileOutgoingCollaborators.length"
- :aria-label="$gettext('Show invited people')"
- appearance="raw"
- @click="openSidebarSharePanel"
- >
- <oc-icon name="group" fill-type="line" size="small" />
- <span
- class="space-overview-people-count oc-text-small"
- v-text="peopleCountString"
- ></span>
- </oc-button>
- <oc-button
- :id="`space-context-btn`"
- v-oc-tooltip="$gettext('Show context menu')"
- :aria-label="$gettext('Show context menu')"
- appearance="raw"
- >
- <oc-icon name="more-2" />
- </oc-button>
- <oc-drop
- :drop-id="`space-context-drop`"
- :toggle="`#space-context-btn`"
- mode="click"
- close-on-click
- :options="{ delayHide: 0 }"
- padding-size="small"
- position="right-start"
- >
- <input
- id="space-image-upload-input"
- ref="spaceImageInput"
- type="file"
- name="file"
- multiple
- tabindex="-1"
- accept="image/*"
- @change="$_uploadImage_uploadImageSpace"
- />
- <ul class="oc-list oc-files-context-actions">
- <li
- v-for="(action, actionIndex) in getContextMenuActions(space)"
- :key="`action-${actionIndex}`"
- class="oc-spaces-context-action oc-py-xs oc-px-s"
- >
- <oc-button
- appearance="raw"
- justify-content="left"
- @click="action.handler({ resources: [space] })"
+ <div class="oc-flex oc-flex-middle">
+ <oc-button
+ v-if="!loadSharesTask.isRunning && currentFileOutgoingCollaborators.length"
+ :aria-label="$gettext('Open context menu and show invited people')"
+ appearance="raw"
+ @click="openSidebarSharePanel"
+ >
+ <oc-icon name="group" fill-type="line" size="small" />
+ <span
+ class="space-overview-people-count oc-text-small"
+ v-text="peopleCountString"
+ ></span>
+ </oc-button>
+ <oc-button
+ :id="`space-context-btn`"
+ v-oc-tooltip="$gettext('Show context menu')"
+ :aria-label="$gettext('Show context menu')"
+ appearance="raw"
+ >
+ <oc-icon name="more-2" />
+ </oc-button>
+ <oc-drop
+ :drop-id="`space-context-drop`"
+ :toggle="`#space-context-btn`"
+ mode="click"
+ close-on-click
+ :options="{ delayHide: 0 }"
+ padding-size="small"
+ position="right-start"
+ >
+ <input
+ id="space-image-upload-input"
+ ref="spaceImageInput"
+ type="file"
+ name="file"
+ multiple
+ tabindex="-1"
+ accept="image/*"
+ @change="$_uploadImage_uploadImageSpace"
+ />
+ <ul class="oc-list oc-files-context-actions">
+ <li
+ v-for="(action, actionIndex) in getContextMenuActions(space)"
+ :key="`action-${actionIndex}`"
+ class="oc-spaces-context-action oc-py-xs oc-px-s"
  >
- <oc-icon :name="action.icon" />
- {{ action.label() }}
- </oc-button>
- </li>
- </ul>
- </oc-drop>
+ <oc-button
+ appearance="raw"
+ justify-content="left"
+ @click="action.handler({ resources: [space] })"
+ >
+ <oc-icon :name="action.icon" />
+ {{ action.label() }}
+ </oc-button>
+ </li>
+ </ul>
+ </oc-drop>
+ </div>
  </div>
  <p v-if="space.description" class="oc-mt-rm">{{ space.description }}</p>
  <div>