diff options
author | Vincent Petry <vincent@nextcloud.com> | 2021-02-26 17:21:13 +0300 |
---|---|---|
committer | Vincent Petry <vincent@nextcloud.com> | 2021-02-26 17:21:13 +0300 |
commit | c2d3a5e0cb8b1f489b35bb04505d0d77f72128a6 (patch) | |
tree | 74228471087792ad89f767082844ca578ec9763c | |
parent | dd1f2d71439c78c98025538d110c2d8ad9ebb94e (diff) |
Fix Actions menus in fullscreen mode
Fullscreen mode is applied on the "#content-vue" container, so now all
relevant Actions components are using that as container too.
This makes the actions menu visible also in fullscreen mode.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
6 files changed, 12 insertions, 2 deletions
diff --git a/src/components/CallView/shared/LocalMediaControls.vue b/src/components/CallView/shared/LocalMediaControls.vue index 15559f995..5e571bb30 100644 --- a/src/components/CallView/shared/LocalMediaControls.vue +++ b/src/components/CallView/shared/LocalMediaControls.vue @@ -135,6 +135,7 @@ <Actions v-if="showActions" v-tooltip="t('spreed', 'More actions')" + container="#content-vue" :aria-label="t('spreed', 'More actions')"> <ActionButton :close-after-click="true" diff --git a/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue b/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue index b3f32076a..cfeb10273 100644 --- a/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue +++ b/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue @@ -56,6 +56,7 @@ </a> <Actions v-if="hasActions" + container="#content-vue" menu-align="right" :aria-label="conversationSettingsAriaLabel" class="actions"> diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue index e79e4f988..5e9c849ec 100644 --- a/src/components/MessagesList/MessagesGroup/Message/Message.vue +++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue @@ -114,6 +114,7 @@ the main body of the message as well as a quote. <Actions v-show="showActions && hasActions" class="message__main__right__actions" + container="#content-vue" :class="{ 'tall' : isTallEnough }"> <ActionButton v-if="isReplyable" diff --git a/src/components/NewMessageForm/NewMessageForm.vue b/src/components/NewMessageForm/NewMessageForm.vue index 293f8e9ae..e06fe93b3 100644 --- a/src/components/NewMessageForm/NewMessageForm.vue +++ b/src/components/NewMessageForm/NewMessageForm.vue @@ -41,6 +41,7 @@ v-if="canUploadFiles || canShareFiles"> <Actions ref="uploadMenu" + container="#content-vue" :disabled="disabled" default-icon="icon-clip-add-file" :aria-label="t('spreed', 'Share files to the conversation')" diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue index 7740f007b..5ac1c2331 100644 --- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue +++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue @@ -94,6 +94,7 @@ </div> <Actions v-if="canModerate && !isSearched" + container="#content-vue" :aria-label="participantSettingsAriaLabel" class="participant-row__actions"> <ActionText diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue index fcca7ee0f..e4eec0b47 100644 --- a/src/components/TopBar/TopBar.vue +++ b/src/components/TopBar/TopBar.vue @@ -23,7 +23,10 @@ <div class="top-bar" :class="{ 'in-call': isInCall }"> <CallButton class="top-bar__button" /> <!-- Call layout switcher --> - <Actions slot="trigger" class="forced-background"> + <Actions + slot="trigger" + class="forced-background" + container="#content-vue"> <ActionButton v-if="isInCall" :icon="changeViewIconClass" @click="changeView"> @@ -36,6 +39,7 @@ class="top-bar__button forced-background" menu-align="right" :aria-label="t('spreed', 'Conversation actions')" + container="#content-vue" @shortkey.native="toggleFullscreen"> <ActionButton :icon="iconFullscreen" @@ -93,7 +97,8 @@ </Actions> <Actions v-if="showOpenSidebarButton" class="top-bar__button forced-background" - close-after-click="true"> + close-after-click="true" + container="#content-vue"> <ActionButton :icon="iconMenuPeople" @click="openSidebar" /> |