butter/keanu-weblite
4
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; position: relative;
overflow: visible; overflow: visible;
&.popup-open::after { &.popup-open::after {
top: 18px; top: 20px;
color: #246bfd; color: #246bfd;
} }
.missed-items-popup { .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-icon color="white">$vuetify.icons.ic_member-leave</v-icon>
</v-btn> </v-btn>
</v-col> </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 }"> <div :class="{ 'popup-open': showMoreMenu }">
<v-btn class="mx-2 box-shadow-none" fab dark small color="transparent" @click.stop="showMoreMenu = true"> <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> <v-icon size="15">$vuetify.icons.ic_more</v-icon>
@ -274,13 +274,18 @@ export default {
.popup-open::after { .popup-open::after {
position: absolute; position: absolute;
left: 50%; 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: " "; content: " ";
top: 40px; top: 42px;
margin-left: -10px; margin-left: -10px;
width: 20px; width: 16px;
height: 20px; height: 16px;
transform: rotate(45deg); transform: rotate(45deg);
border-radius: 3px; border-radius: 2px;
background-color: currentColor; background-color: currentColor;
z-index: 400; z-index: 400;
pointer-events: none; pointer-events: none;