butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Merge branch '449-enhancements-to-room-switcher-and-header-menus' into 'dev'

Browse source 
Resolve "Enhancements to room switcher and header menus"

See merge request keanuapp/keanuapp-weblite!161
This commit is contained in:
N Pex 2023-04-04 15:31:34 +00:00
commit 19d3605e11
2 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/assets/css/chat.scss
View file

@ -110,7 +110,7 @@ body {
position: relative;
overflow: visible;
&.popup-open::after {
top: 18px;
top: 20px;
color: #246bfd;
}
.missed-items-popup {

15
src/components/ChatHeader.vue
View file

@ -45,7 +45,7 @@
<v-icon color="white">$vuetify.icons.ic_member-leave</v-icon>
</v-btn>
</v-col>
<v-col cols="auto" class="text-end ma-0 pa-0 ms-1 clickable close-button">
<v-col cols="auto" class="text-end ma-0 pa-0 ms-1 clickable close-button more-menu-button">
<div :class="{ 'popup-open': showMoreMenu }">
<v-btn class="mx-2 box-shadow-none" fab dark small color="transparent" @click.stop="showMoreMenu = true">
<v-icon size="15">$vuetify.icons.ic_more</v-icon>
@ -274,13 +274,18 @@ export default {
.popup-open::after {
position: absolute;
left: 50%;
// Need to move the "more items" arrow to the left, since it's too close to the edge
// and would interfere with the dialog rounding...
.more-menu-button & {
left: calc(50% - 4px);
}
content: " ";
top: 40px;
top: 42px;
margin-left: -10px;
width: 20px;
height: 20px;
width: 16px;
height: 16px;
transform: rotate(45deg);
border-radius: 3px;
border-radius: 2px;
background-color: currentColor;
z-index: 400;
pointer-events: none;