Skip to content

Commit d5d2791

Browse files
committed
fix(mobile): improve UI/UX and fix iOS-specific issues
1 parent af4d86e commit d5d2791

File tree

2 files changed

+8
-6
lines changed

2 files changed

+8
-6
lines changed

apps/mobile/v1/app.json

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,7 @@
3434
"infoPlist": {
3535
"NSCameraUsageDescription": "This app uses the camera to capture photos for your notes.",
3636
"NSPhotoLibraryUsageDescription": "This app accesses your photo library to attach images to your notes.",
37-
"NSMicrophoneUsageDescription": "This app uses the microphone to record audio notes.",
38-
"ITSAppUsesNonExemptEncryption": false
37+
"NSMicrophoneUsageDescription": "This app uses the microphone to record audio notes."
3938
}
4039
},
4140
"android": {

apps/mobile/v1/src/screens/EditNote/styles.ts

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,8 @@ export function generateEditorStyles(themeColors: {
2323
font-size: 16px !important;
2424
line-height: 1.5 !important;
2525
background-color: ${themeColors.background} !important;
26-
padding: 0 16px !important;
26+
padding: 0 16px 0 16px !important;
27+
padding-right: 8px !important; /* Minimal right padding, scrollbar stays outside */
2728
margin: 0 !important;
2829
overflow-x: hidden !important;
2930
overflow-y: auto !important;
@@ -35,15 +36,17 @@ export function generateEditorStyles(themeColors: {
3536
.ProseMirror {
3637
outline: none;
3738
overflow-x: hidden !important;
38-
width: calc(100vw - 32px) !important;
39-
max-width: calc(100vw - 32px) !important;
39+
width: calc(100vw - 24px) !important; /* 16px left + 8px right padding */
40+
max-width: calc(100vw - 24px) !important;
4041
line-height: 1.5 !important;
4142
padding: 0 !important;
43+
padding-right: 16px !important; /* Extra padding to keep text away from scrollbar */
44+
padding-bottom: 200px !important; /* Extra space at the end for comfortable editing */
4245
margin: 0 !important;
4346
}
4447
@media (min-width: 600px) {
4548
.ProseMirror {
46-
padding-bottom: 100px !important;
49+
padding-bottom: 250px !important;
4750
}
4851
}
4952
.ProseMirror > *:not(ul[data-type="taskList"]):not(ul[data-type="taskList"] *) {

0 commit comments

Comments
 (0)