self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-11-23 22:36:32 +02:00
Code Issues Releases Activity

Desktop: Accessibility: Fix last items in note actions menu cannot be accessed on small screens (#13756)

Browse Source
This commit is contained in:
Henry Heino
2025-11-21 11:28:33 -08:00
committed by GitHub
parent 5e2b79557c
commit 090c1d9706
3 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app-desktop/gui/MultiNoteActions.tsx
View File

@@ -22,12 +22,6 @@ interface MultiNoteActionsProps {
function styles_(props: MultiNoteActionsProps) { function styles_(props: MultiNoteActionsProps) {
return buildStyle('MultiNoteActions', props.themeId, (theme: ThemeStyle) => { return buildStyle('MultiNoteActions', props.themeId, (theme: ThemeStyle) => {
return { return {
root: {
display: 'inline-flex',
justifyContent: 'center',
paddingTop: theme.marginTop,
width: '100%',
},
itemList: { itemList: {
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
@@ -90,7 +84,7 @@ export default function MultiNoteActions(props: MultiNoteActionsProps) {
} }
return ( return (
<div style={styles.root}> <div style={styles.root} className='multi-note-actions'>
<div style={styles.itemList}>{itemComps}</div> <div style={styles.itemList}>{itemComps}</div>
</div> </div>
); );

1
packages/app-desktop/gui/styles/index.scss
View File

@@ -18,3 +18,4 @@
@use './joplin-cloud-sign-up.scss'; @use './joplin-cloud-sign-up.scss';
@use './popup-notification-list.scss'; @use './popup-notification-list.scss';
@use './popup-notification-item.scss'; @use './popup-notification-item.scss';
@use './multi-note-actions.scss';

8
packages/app-desktop/gui/styles/multi-note-actions.scss Normal file
View File

@@ -0,0 +1,8 @@
.multi-note-actions {
display: inline-flex;
justify-content: center;
padding-top: var(--joplin-margin-top);
width: 100%;
overflow-y: auto;
}