mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-24 02:05:39 +03:00
Code Issues Projects Releases Packages Wiki Activity

Content-visiblit:auto for custom emojis list

Browse source 
With better sticky headers
This commit is contained in:
Lim Chee Aun 2024-09-21 12:09:19 +08:00
parent f2cc0f5bec
commit 02a8a9034a
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/compose.css
View file

@ -721,6 +721,11 @@
}
.custom-emojis-list {
.section-container {
position: relative;
content-visibility: auto;
content-intrinsic-size: auto 88px;
}
.section-header {
font-size: 80%;
text-transform: uppercase;
@ -730,6 +735,10 @@
top: 0;
background-color: var(--bg-color);
z-index: 1;
display: inline-block;
padding-inline-end: 8px;
pointer-events: none;
border-end-end-radius: 8px;
}
section {
display: flex;

4
src/components/compose.jsx
View file

@ -3162,7 +3162,7 @@ function CustomEmojisModal({
Object.entries(customEmojisCatList).map(
([category, emojis]) =>
!!emojis?.length && (
<>
<div class="section-container">
<div class="section-header">
{{
'--recent--': t`Recently used`,
@ -3173,7 +3173,7 @@ function CustomEmojisModal({
emojis={emojis}
onSelect={onSelectEmoji}
/>
</>
</div>
),
)}
</div>