plugins-nextcloud-mirror/spreed
1
0
Fork 0
mirror of https://github.com/nextcloud/spreed.git synced 2025-12-18 05:20:50 +01:00
Code Projects Releases Activity

Fix buttons

Browse source 
Signed-off-by: Joas Schilling <coding@schilljs.com>
This commit is contained in:
Joas Schilling 2022-07-13 15:32:23 +02:00
parent a2358f29fa
commit 762ccb66ee
No known key found for this signature in database
GPG key ID: 7076EA9751AACDDA
8 changed files with 73 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue
View file

@ -28,9 +28,11 @@
icon=""
:aria-label="t('spreed', 'Create a new group conversation')"
@click="showModal">
<Plus decorative
title=""
:size="20" />
<template #icon>
<Plus decorative
title=""
:size="20" />
</template>
</Button>
<!-- New group form -->
<Modal v-if="modal"

8
src/components/MessagesList/MessagesGroup/Message/Message.vue
View file

@ -83,9 +83,11 @@ the main body of the message as well as a quote.
class="nc-button nc-button__main--dark"
:aria-label="sendingErrorIconTooltip"
@click="handleRetry">
<Reload decorative
title=""
:size="16" />
<template #icon>
<Reload decorative
title=""
:size="16" />
</template>
</Button>
<AlertCircle v-else
decorative

12
src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
View file

@ -29,7 +29,9 @@
:aria-label="t('spreed', 'Add a reaction to this message')"
@click="openReactionsMenu">
<template #icon>
<EmoticonOutline :size="20" />
<EmoticonOutline decorative
:size="20"
title="" />
</template>
</Button>
<Actions v-show="isReplyable">
@ -109,7 +111,9 @@
:aria-label="t('spreed', 'Close reactions menu')"
@click="closeReactionsMenu">
<template #icon>
<ArrowLeft :size="20" />
<ArrowLeft decorative
:size="20"
title="" />
</template>
</Button>
<Button type="tertiary"
@ -133,7 +137,9 @@
<Button type="tertiary"
:aria-label="t('spreed', 'React with another emoji')">
<template #icon>
<Plus :size="20" />
<Plus decorative
:size="20"
title="" />
</template>
</Button>
</EmojiPicker>

8
src/components/NewMessageForm/AudioRecorder/AudioRecorder.vue
View file

@ -30,9 +30,11 @@
type="tertiary"
:disabled="!canStartRecording"
@click="start">
<Microphone :size="16"
title=""
decorative />
<template #icon>
<Microphone :size="16"
title=""
decorative />
</template>
</Button>
<div v-else class="wrapper">
<Button v-tooltip.auto="{

24
src/components/NewMessageForm/NewMessageForm.vue
View file

@ -70,9 +70,11 @@
:aria-label="t('spreed', 'Add emoji')"
type="tertiary-no-background"
:aria-haspopup="true">
<EmoticonOutline :size="16"
decorative
title="" />
<template #icon>
<EmoticonOutline :size="16"
decorative
title="" />
</template>
</Button>
</EmojiPicker>
<!-- Disabled emoji picker placeholder button -->
@ -80,9 +82,11 @@
type="tertiary"
:aria-label="t('spreed', 'Add emoji')"
:disabled="true">
<EmoticonOutline :size="16"
decorative
title="" />
<template #icon>
<EmoticonOutline :size="16"
decorative
title="" />
</template>
</Button>
</div>
<div v-if="messageToBeReplied" class="new-message-form__quote">
@ -128,9 +132,11 @@
:title="t('spreed', 'Send message')"
:aria-label="t('spreed', 'Send message')"
@click.prevent="handleSubmit({ silent: false })">
<Send title=""
:size="16"
decorative />
<template #icon>
<Send title=""
:size="16"
decorative />
</template>
</Button>
</template>
</form>

11
src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue
View file

@ -54,11 +54,12 @@
:key="'integration' + index"
type="tertiary-no-background"
@click="runIntegration(integration)">
<!-- FIXME: dinamically change the material design icon -->
<AccountPlus slot="icon"
decorative
title=""
:size="20" />
<!-- FIXME: dynamically change the material design icon -->
<template #icon>
<AccountPlus decorative
title=""
:size="20" />
</template>
{{ integration.label }}
</Button>
</ul>

8
src/components/SetGuestUsername.vue
View file

@ -46,9 +46,11 @@
native-type="submit"
:aria-label="t('spreed', 'Save name')"
type="tertiary">
<ArrowRight :size="20"
title=""
decorative />
<template #icon>
<ArrowRight :size="20"
title=""
decorative />
</template>
</Button>
</div>
</form>

36
src/components/TopBar/CallButton.vue
View file

@ -33,9 +33,11 @@
:disabled="startCallButtonDisabled || loading || blockCalls"
:type="startCallButtonType"
@click="handleClick">
<Video slot="icon"
:size="20"
decorative />
<template #icon>
<Video title=""
:size="20"
decorative />
</template>
{{ startCallLabel }}
</Button>
<Button v-else-if="showLeaveCallButton && !canEndForAll"
@ -43,30 +45,38 @@
type="error"
:disabled="loading"
@click="leaveCall(false)">
<VideoOff slot="icon"
:size="20"
decorative />
<template #icon>
<VideoOff title=""
:size="20"
decorative />
</template>
{{ leaveCallLabel }}
</Button>
<Actions v-else-if="showLeaveCallButton && canEndForAll"
:disabled="loading">
<template slot="icon">
<template #icon>
<VideoOff :size="16"
title=""
decorative />
<span class="label">{{ leaveCallLabel }}</span>
<MenuDown :size="16"
title=""
decorative />
</template>
<ActionButton @click="leaveCall(false)">
<VideoOff slot="icon"
:size="20"
decorative />
<template #icon>
<VideoOff title=""
:size="20"
decorative />
</template>
{{ leaveCallLabel }}
</ActionButton>
<ActionButton @click="leaveCall(true)">
<VideoOff slot="icon"
:size="20"
decorative />
<template #icon>
<VideoOff title=""
:size="20"
decorative />
</template>
{{ t('spreed', 'End meeting for all') }}
</ActionButton>
</Actions>