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

packages/app-desktop/gui/MultiNoteActions.tsx

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

packages/app-desktop/gui/styles/index.scss

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

packages/app-desktop/gui/styles/multi-note-actions.scss

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