-
@@ -27,7 +26,7 @@ export default {
NcAvatar,
},
props: {
- session: {
+ client: {
type: Object,
required: true,
},
@@ -37,27 +36,25 @@ export default {
},
},
computed: {
- sessionAvatarStyle() {
+ clientAvatarStyle() {
return {
- ...this.sessionBackgroundStyle,
- 'border-color': this.session.color,
+ ...this.clientBackgroundStyle,
+ 'border-color': this.client.color,
'border-width': '2px',
'border-style': 'solid',
'--size': this.size + 'px',
'--font-size': this.size / 2 + 'px',
}
},
- sessionBackgroundStyle() {
+ clientBackgroundStyle() {
return {
- 'background-color': this.session.userId
- ? this.session.color + ' !important'
+ 'background-color': this.client.userId
+ ? this.client.color + ' !important'
: '#b9b9b9',
}
},
guestInitial() {
- return this.session.guestName === ''
- ? '?'
- : this.session.guestName.slice(0, 1).toUpperCase()
+ return this.client.name?.at(0)?.toUpperCase() || '?'
},
},
}
@@ -77,5 +74,6 @@ export default {
display: flex;
justify-content: center;
align-items: center;
+ box-sizing: content-box;
}
diff --git a/src/components/Editor/GuestNameDialog.vue b/src/components/Editor/GuestNameDialog.vue
index 1767f7e1c3a..16be800dc02 100644
--- a/src/components/Editor/GuestNameDialog.vue
+++ b/src/components/Editor/GuestNameDialog.vue
@@ -8,9 +8,11 @@
:title="t('text', 'Enter your name so other people can see who is editing')"
class="guest-name-dialog"
@submit.prevent="setGuestName()">
-
+
@@ -25,7 +27,6 @@