Open the E2EE popout over the button
This commit is contained in:
parent
3ba90705ff
commit
74d5d3540f
|
@ -10,7 +10,7 @@
|
|||
|
||||
<template>
|
||||
<div class="bd-e2eeTaContainer">
|
||||
<v-popover popoverClass="bd-popover bd-e2eePopover" placement="top">
|
||||
<v-popover popoverClass="bd-popover bd-e2eePopover" placement="top-start">
|
||||
<div v-if="error" class="bd-e2eeTaBtn bd-e2eeLock bd-error">
|
||||
<MiLock v-tooltip="error" />
|
||||
</div>
|
||||
|
@ -27,9 +27,9 @@
|
|||
</div>
|
||||
|
||||
<template slot="popover">
|
||||
<div @click="toggleEncrypt" :class="{'bd-warn': !E2EE.encryptNewMessages, 'bd-ok': E2EE.encryptNewMessages}"><MiLock size="16" v-tooltip="'Toggle Encryption'" /></div>
|
||||
<div v-close-popover @click="showUploadDialog" v-if="!error"><MiImagePlus size="16" v-tooltip="'Upload Encrypted Image'" /></div>
|
||||
<div v-close-popover @click="generatePublicKey" v-if="DiscordApi.currentChannel.type === 'DM'"><MiIcVpnKey size="16" v-tooltip="'Begin Key Exchange'" /></div>
|
||||
<div @click="toggleEncrypt" :class="{'bd-warn': !E2EE.encryptNewMessages, 'bd-ok': E2EE.encryptNewMessages}"><MiLock v-tooltip="'Toggle Encryption'" /></div>
|
||||
<div v-close-popover @click="showUploadDialog" v-if="!error"><MiImagePlus v-tooltip="'Upload Encrypted Image'" /></div>
|
||||
<div v-close-popover @click="generatePublicKey" v-if="DiscordApi.currentChannel.type === 'DM'"><MiIcVpnKey v-tooltip="'Begin Key Exchange'" /></div>
|
||||
</template>
|
||||
</v-popover>
|
||||
<div class="bd-taDivider"></div>
|
||||
|
|
|
@ -108,8 +108,7 @@
|
|||
|
||||
.bd-e2eePopover {
|
||||
background: #484b51;
|
||||
margin: 0;
|
||||
margin-top: 15px;
|
||||
transform: translate(-2px, 52px);
|
||||
|
||||
.bd-ok {
|
||||
svg {
|
||||
|
@ -123,9 +122,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.bd-popoverWrapper,
|
||||
.bd-popoverWrapper {
|
||||
.bd-popoverInner,
|
||||
.bd-popoverInner {
|
||||
display: flex;
|
||||
|
||||
|
@ -141,7 +138,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.bd-materialDesignIcon,
|
||||
.bd-materialDesignIcon {
|
||||
display: flex;
|
||||
fill: #7e8084;
|
||||
|
@ -154,7 +150,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.bd-popoverArrow,
|
||||
.bd-popoverArrow {
|
||||
display: none;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue