Support pinning thread messages (media)

This commit is contained in:
N-Pex 2024-10-17 10:22:24 +02:00
parent d3ffc3d15b
commit 5e1223fc01
10 changed files with 152 additions and 27 deletions

View file

@ -83,6 +83,10 @@
.bubble.image-bubble {
/* full bleed */
padding: 0 0 0 0;
border-radius: 0 !important;
.v-image {
border-radius: 0 !important;
}
}
.quick-reaction-container {
order: 6;
@ -139,4 +143,55 @@
white-space: nowrap;
}
/* Style file items (i.e. PDF files) */
.thumbnail-item.file-item {
border: 1px solid black;
border-radius: 8px;
padding: 15px 40px 15px 60px;
align-items: start;
position: relative;
svg {
position: absolute;
top: 12px;
left: 12px;
width: 40px;
height: 40px;
}
&::after {
content: " ";
background: url("~@/assets/icons/ic_export.svg") no-repeat;
background-position: 0 0;
position: absolute;
right: 15px;
height: 24px;
width: 24px;
margin: auto 0;
}
}
.swipeable-thumbnails-view {
margin-left: -15px;
margin-right: -15px;
.thumbnail-item.file-item {
margin: 15px;
width: auto;
}
.indicator-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 12px;
.indicator {
width: 6px;
height: 6px;
border-radius: 3px;
margin: 0 2.5px;
background: #D9D9D9;
&.current {
background: #1C1C31;
}
}
}
}
}