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

Styling tweaks for popups

Browse source
This commit is contained in:
N-Pex 2023-03-29 11:03:36 +02:00
parent 529bd21b5d
commit 6896dcbdf0
3 changed files with 10 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: 5px; top: 18px;
color: #246bfd; color: #246bfd;
} }
.missed-items-popup { .missed-items-popup {

12
src/components/ChatHeader.vue
View file

@ -268,16 +268,20 @@ export default {
.popup-open { .popup-open {
position: relative; position: relative;
overflow: visible; overflow: visible;
color: white;
} }
.popup-open::after { .popup-open::after {
position: absolute; position: absolute;
left: 50%; left: 50%;
content: "▲"; content: " ";
top: 30px; top: 40px;
margin-left: -10px; margin-left: -10px;
font-size: 20px; width: 20px;
color: #ffffff; height: 20px;
transform: rotate(45deg);
border-radius: 3px;
background-color: currentColor;
z-index: 400; z-index: 400;
pointer-events: none; pointer-events: none;
animation-duration: 0.3s; animation-duration: 0.3s;

2
src/components/MoreMenuPopup.vue
View file

@ -4,7 +4,7 @@
<v-card flat> <v-card flat>
<v-card-text> <v-card-text>
<v-container class="mt-0 pa-0 action-row-container-no-dividers"> <v-container class="mt-0 pa-0 pt-3 action-row-container-no-dividers">
<ActionRow v-for="item in menuItems" :key="item.name" :icon="item.icon" :iconSize="16" :text="item.text" @click="$emit('close');item.handler()" /> <ActionRow v-for="item in menuItems" :key="item.name" :icon="item.icon" :iconSize="16" :text="item.text" @click="$emit('close');item.handler()" />
<v-row class="profile-row clickable" @click="viewProfile" no-gutters align-content="center"> <v-row class="profile-row clickable" @click="viewProfile" no-gutters align-content="center">