diff --git a/website/client/components/userMenu/inbox.vue b/website/client/components/userMenu/inbox.vue index f918dd75b2..7318f1f695 100644 --- a/website/client/components/userMenu/inbox.vue +++ b/website/client/components/userMenu/inbox.vue @@ -18,9 +18,16 @@ // b-form-input .row .col-12 - div.toggle(:class="!this.user.inbox.optOut && 'toggle--active'" @click="toggleOpt()") - div.bar - div.circle + .toggle#toggle(:class="!this.user.inbox.optOut && 'toggle--active'" @click="toggleOpt()") + .bar + .circle + b-popover( + target="toggle", + triggers="hover", + placement="right", + ) + h4.popover-content-title {{popoverTitle}} + .popover-content-text {{popoverText}} .row(v-if="!this.user.inbox.optOut") .col-4.sidebar .search-section @@ -52,7 +59,12 @@ button.btn.btn-secondary(@click='sendPrivateMessage()') Send .row(v-else) .col-12 - .h3.text-center You disabled private messages + .caption-disabled + .svg-icon.envelope(v-html="icons.messageIcon") + h3 Private messages are disabled + p.text-center Private messages are disabled and no one can send them to you. + p.text-center {{popoverText}} + button.btn.btn-primary(@click="toggleOpt()") Enable