The_Great_Archive/RSNewWebUI
1
0
Fork 0
mirror of https://github.com/RetroShare/RSNewWebUI.git synced 2026-09-14 11:05:47 +05:00
Code Issues Packages Projects Releases Wiki Activity

fix: for more than 1 recipient, recipient name was getting added on next line

Browse Source
This commit is contained in:
zelfroster 2023-03-17 06:22:33 +05:30
parent eb25c0dbc6
commit 12e09b3c26
2 changed files with 39 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
webui-src/app/mail/mail.css
View File

@ -61,6 +61,24 @@ input.star-check:checked + label.star-check {
color: #fcba03;
}
/* mail_util.js styles */
.button-container {
display: flex;
}
.truncate {
display: flex;
width: 70vw;
height: 1rem;
flex-wrap: wrap;
gap: 4px;
overflow: hidden;
}
#show-more, #show-less {
font-size: 0.8em;
width: 100px;
height: max-content;
}
iframe.msg {
border: 0;
width: 100%;
@ -89,11 +107,11 @@ iframe.msg {
width: 70%;
bottom: 50%;
right: 58%;
}
.mail-node-panel {
position: relative;
bottom: 680px;
margin-left: 200px;
animation: fadein 0.5s;
}
}

20
webui-src/app/mail/mail_util.js
View File

@ -177,9 +177,27 @@ const MessageView = () => {
]),
toList &&
Object.keys(toList).length > 0 &&
// TODO: optimize javascript for show-more and show-less working
m('to', { style: { display: 'block ruby' } }, [
m('p', { style: { fontWeight: 'bold' } }, 'To: '),
Object.keys(toList).map((key, index) => m('p', rs.userList.userMap[key] + ', ')),
m('div.truncate[id=truncate]',
Object.keys(toList).map((key, index) => m('p', rs.userList.userMap[key] + ', ')),
),
m('button[id=show-more]', {
style: { display: Object.keys(toList).length > 10 ? 'block' : 'none' },
onclick: () => {
document.querySelector('#show-more').style.display = 'none';
document.querySelector('#truncate').style.height = 'max-content';
document.querySelector('#show-less').style.display = 'block';
}
}, 'Show More'),
m('button[id=show-less][style="display: none;"]', {
onclick: () => {
document.querySelector('#show-more').style.display = 'block';
document.querySelector('#truncate').style.height = '1rem';
document.querySelector('#show-less').style.display = 'none';
}
}, 'Show Less'),
]),
ccList &&
Object.keys(ccList).length > 0 &&