Skip to content

merging phoneui improvements#2

Merged
bundle-o-cells merged 31 commits intobundle-o-cells:mainfrom
Pecacheu:phoneui
Mar 17, 2026
Merged

merging phoneui improvements#2
bundle-o-cells merged 31 commits intobundle-o-cells:mainfrom
Pecacheu:phoneui

Conversation

@bundle-o-cells
Copy link
Copy Markdown
Owner

No description provided.

Pecacheu added 30 commits March 13, 2026 20:01
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Settings menu margin shrink and use "Back" button in sidebar instead of "Esc" button on right when screen width < 800px
- Message box doesn't grow from placeholder,  overflow with ... instead
- Hide GIF button when typing

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Disable hover action buttons for DMs, server list, and messages on mobile because these are too easy to accidentially tap
- Move the text editor fixes from MessageBox.tsx to codeMirrorLineWrap.ts to make it act as a CodeMirror extension
- Allow newlines with enter key on mobile instead of sending (Attempted send with Ctrl + Enter on mobile, but this doesn't work for some reason. Eg. this would matter for mobile external keyboard or Android Desktop mode.)

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Found a better spot to put the media query so that it's all in one place for easier maintence
- Hide breadcrums at top in "My Account" panel to fix visual bug where there's still a gap there despite no title
- Center ESC button text properly

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- I swear this is the last time lol. Now using classes for everything instead of just some of it, will also help with changes for phone view
- Change threshold for tablet view to 900px
- Fix modal button touch event prorogation bug causing touches to glitch through as it closes

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Phone UI triggers at < 600px width
- Animated, swipable drawer slider, inspired by Discord app
- Viewport interactive-widget specifier to force keyboard to resize content window instead of awkwardly panning it

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Inertia-based snapping for SlideDrawer! We mustelids are experts in speed so this was inevitable
- Fix bug that could cause a SlideDrawer race condition if openning and closing settings menu super fast
- Add appDrawer to app state to update things when the state of the UI changes between mobile/non-mobile
- Don't trigger floating tooltops when input is touched, otherwise they get stuck in a showing state on touchscreens
- Reset layout to member sidebar being hidden when mobile view is shown (otherwise how to close it seems to cause some confusion among those who helped test so far)
- Replace primary sidebar collapse button with a "back" button for mobie view

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
…al velocity at end

- Fix message context menu appearing in editor
- Enable PWA for dev build for testing

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
…ehavior

- On mobile, skip UserCard preview (which doesn't look right on small displays) when tapping user icon and go straight to full UserProfile modal

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
…for ID

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Fix stoatchat#883 text overflow out of dialog modals
- Remove old "error" type modal
- Fix invite embed going past edge of screen on mobile

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
…spellcheck suggestions

- Remove debug print from SlideDrawer

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Replace depricated meta 'apple-mobile-web-app-capable' with 'mobile-web-app-capable'

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
…ipated

- Also streamlined the Media Picker menu in the process, should now be much more efficent by generating a lot less stray DOM elements, and using only one Media Picker instance per message
- Only show member sidebar when in server or group DM, because it's blank in normal DMs which causes confusion

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
…opdown

- Allow FloatingSelect without label
- Add ControlSelect wrapper accepting an IFormControl
- Fix missing reactPicker in AppearanceMenu
- Reset floating touch timer to prevent overlapping timer bug

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Don't autofocus search input in GIF/emoji picker on mobile because it causes unwanted touch keyboard deployment
- Shrink GIF/emoji picker when screen is too small (dynamically reduces row count for emoji picker or GIF size for GIF picker)
- Prevent GIF/emoji picker from overflowing screen width/height (approach for this is a bit messy, could be improved)
- Fix different sized margin on left vs right side of message box (if you had OCD you'd understand)
- Fix overflow hidden clipping emoji autocorrect dropdown when editing a message
- Fix message box buttons/send button not firing when touch keyboard is open on Chrome (testing needed on Firefox/Safari mobile)
- Fix vite config not allowing rotate to landscape

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
- Fix 'scrollTo undefined' error in Message
- Fix 'computations will never be disposed' warning in Container
- Add excluded generated dirs from eslint config to vscode config

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
…patible

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Addresses stoatchat#1005

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
@bundle-o-cells bundle-o-cells merged commit 9f60488 into bundle-o-cells:main Mar 17, 2026
2 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants