diff options
author | DorraJaouad <dorra.jaoued7@gmail.com> | 2024-01-23 15:35:42 +0100 |
---|---|---|
committer | DorraJaouad <dorra.jaoued7@gmail.com> | 2024-02-05 16:45:46 +0100 |
commit | 37fde6f17a8b730d6659c7857c07c08ac5cd9bee (patch) | |
tree | 59aee5e9f66c7f4cd0d0e61655336d2fb40114a6 | |
parent | 0683e1d105f1237ed16a4292b24939ab14424b91 (diff) |
feat(TopBar): show description during call
Signed-off-by: DorraJaouad <dorra.jaoued7@gmail.com>
-rw-r--r-- | src/components/TopBar/TopBar.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue index ed461a302..3bee056e4 100644 --- a/src/components/TopBar/TopBar.vue +++ b/src/components/TopBar/TopBar.vue @@ -39,17 +39,19 @@ {{ conversation.displayName }} </p> <p v-if="showUserStatusAsDescription" - class="description"> + class="description" + :class="{'description__in-chat' : !isInCall }"> {{ statusMessage }} </p> - <template v-if="!isInCall && conversation.description"> + <template v-if="conversation.description"> <p v-tooltip.bottom="{ content: renderedDescription, delay: { show: 500, hide: 500 }, autoHide: false, html: true, }" - class="description"> + class="description" + :class="{'description__in-chat' : !isInCall }"> {{ conversation.description }} </p> </template> @@ -498,7 +500,9 @@ export default { overflow: hidden; text-overflow: ellipsis; max-width: fit-content; - color: var(--color-text-lighter); + &__in-chat { + color: var(--color-text-maxcontrast); + } } } </style> |