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

Mobile: top level heart reaction on double tab

Browse source
This commit is contained in:
10G Meow 2024-05-18 22:13:07 +03:00
parent ac184de2b2
commit 62cf15f2de
16 changed files with 199 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/_variables.scss
View file

@ -18,4 +18,6 @@ $voice-recording-color: red;
$voice-recorded-color: #3ae17d;
$poll-hilite-color: #6360f0;
$poll-hilite-color-bg: #d6d5fc;
$alert-bg-color: #FF3300;
$alert-bg-color: #FF3300;
$min-touch-target: 48px;

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

@ -286,7 +286,7 @@ body {
.input-area-button {
margin: 0;
padding: 0;
min-width: 48px;
min-width: $min-touch-target;
&.input-more-icon {
svg {
@ -430,6 +430,10 @@ body {
display: inline-block;
position: relative;
max-width: 70%;
@media #{map-get($display-breakpoints, 'sm-and-down')} {
min-height: $min-touch-target;
}
}
&.from-admin .bubble {
background-color: rgba($admin-bg,0.8);
@ -520,6 +524,10 @@ body {
display: inline-block;
position: relative;
max-width: 70%;
@media #{map-get($display-breakpoints, 'sm-and-down')} {
min-height: $min-touch-target;
}
}
.audio-bubble {
background-color: rgba(#e5e5e5,0.8);
@ -1409,7 +1417,7 @@ body {
bottom: 68px;
left: 8px;
right: 8px;
height: 48px;
height: $min-touch-target;
background: rgba(0, 0, 0, 0.69);
border: 1px solid #000000;
border-radius: 5px;

4
src/assets/css/components/_poll.scss
View file

@ -37,7 +37,7 @@
border-radius: 4px;
padding: 15px 14px;
margin: 0px;
height: 48px;
height: $min-touch-target;
&:hover {
cursor: pointer;
}
@ -225,7 +225,7 @@
.add-answer-button {
border-radius: 4px;
height: 48px;
height: $min-touch-target;
width: 100%;
overflow: hidden;
border: 1px solid #242424;

8
src/assets/css/filedrop.scss
View file

@ -1,4 +1,4 @@
$large-button-height: 48px;
$large-button-height: $min-touch-target;
$small-button-height: 36px;
.file-drop-root {
@ -295,11 +295,11 @@ $small-button-height: 36px;
position: relative;
padding: 8px;
.v-image {
width: 48px;
height: 48px;
width: $min-touch-target;
height: $min-touch-target;
border-radius: 8px;
object-fit: cover;
flex: 0 0 48px;
flex: 0 0 $min-touch-target;
margin-right: 8px;
}
margin-bottom: 8px;