self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Desktop: Mentioned on share dialog that it may take a few minutes for all notes to appear on the recipient device

Browse Source
This commit is contained in:
Laurent Cozic 2021-10-15 16:34:09 +01:00
parent 0bae4690c9
commit 852c6f2f8d
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/app-desktop/gui/ShareFolderDialog/ShareFolderDialog.tsx
View File

@ -64,7 +64,7 @@ const StyledRecipientStatusIcon = styled.i`
`;
const StyledRecipients = styled.div`
margin-bottom: 10px;
`;
const StyledRecipientList = styled.div`
@ -288,6 +288,14 @@ function ShareFolderDialog(props: Props) {
);
}
const renderInfo = () => {
return (
<p className="info-text -small">
{_('Please note that if it is a large notebook, it may take a few minutes for all the notes to show up on the recipient\'s device.')}
</p>
);
};
async function buttonRow_click(event: ClickEvent) {
if (event.buttonName === 'unshare') {
if (!confirm(_('Unshare this notebook? The recipients will no longer have access to its content.'))) return;
@ -307,6 +315,7 @@ function ShareFolderDialog(props: Props) {
{renderShareState()}
{renderError()}
{renderRecipients()}
{renderInfo()}
<DialogButtonRow
themeId={props.themeId}
onClick={buttonRow_click}

13
packages/app-desktop/main.scss
View File

@ -188,6 +188,12 @@ div.form,
margin-bottom: 20px;
}
p {
&.-small {
font-size: 13px;
}
}
.form > .form-input-group:last-child {
margin-bottom: 0;
}
@ -204,6 +210,11 @@ a {
color: var(--joplin-url-color);
}
p.info-text {
font-style: italic;
color: var(--joplin-color-faded);
}
/* =========================================================================================
Component-specific classes
========================================================================================= */
@ -213,8 +224,6 @@ Component-specific classes
padding-bottom: 20px;
}
.master-password-dialog .dialog-root {
min-width: 500px;
max-width: 600px;