maaz519/iios
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat/messaging ui foundation #6

Merged
maaz519 merged 26 commits from feat/messaging-ui-foundation into dev 2026-07-22 18:46:32 +00:00
Conversation 0 Commits 26 Files Changed 71
+11 -2
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d02cd152de - Show all commits
packages/iios-messaging-ui/src/styles.css
+11 -2
View File
@@ -198,8 +198,11 @@
} }
.miu-react-picker { .miu-react-picker {
position: absolute; position: absolute;
bottom: 100%; /* Open downward + right-aligned so it never clips against the top of the scroll area
margin-bottom: 4px; (the reported bug) or spills past the right edge. */
top: 100%;
right: 0;
margin-top: 4px;
display: flex; display: flex;
gap: 2px; gap: 2px;
padding: 4px; padding: 4px;
@@ -208,6 +211,12 @@
background: var(--miu-panel); background: var(--miu-panel);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
z-index: 5; z-index: 5;
width: max-content;
}
/* On my own (right-aligned) messages, anchor the picker to the left instead so it stays in view. */
.miu-msg.is-mine .miu-react-picker {
right: auto;
left: 0;
} }
.miu-react-emoji { .miu-react-emoji {
border: none; border: none;