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

Custom audio player UI

Browse source 
For issue #122.
This commit is contained in:
N-Pex 2021-05-07 11:30:24 +02:00
parent 601e0d4a6c
commit b2a6a5d145
5 changed files with 241 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -185,10 +185,8 @@ $admin-fg: white;
background-color: $admin-bg;
}
.audio-bubble {
overflow: scroll;
display: inline-block;
width: fit-content;
max-width: 70%;
width: 70%;
height: 50px;
}
.bubble.image-bubble {
padding: 0px;
@ -252,10 +250,14 @@ $admin-fg: white;
max-width: 70%;
}
.audio-bubble {
overflow: scroll;
background-color: #e5e5e5;
border-radius: 10px 10px 0 10px;
padding: 8px;
display: inline-block;
width: fit-content;
position: relative;
max-width: 70%;
width: 70%;
height: 50px;
}
.video2-bubble {
background-color: #e5e5e5;
@ -384,6 +386,40 @@ $admin-fg: white;
user-select: text;
}
.audio-player {
width: 100%;
position: absolute;
.currentColor {
background-color: #000000 !important;
}
.v-icon {
color: black !important;
}
.from-admin & {
color: $admin-fg;
.currentColor {
background-color: #555555 !important;
}
.v-icon {
color: white !important;
}
}
.play-time {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 13 * $chat-text-size;
}
.play-progress {
padding: 0px 10px;
.v-slider__thumb {
display: none;
}
&:hover .v-slider__thumb {
display: block;
}
}
}
.message-operations-strut {
position: relative;
height: 0px;