feat: Mobile UI for web (upstream PR #835)#3
Merged
Conversation
Shrink home-screen flex layout to single-column for mobile Signed-off-by: Pecacheu <[email protected]>
- 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 <[email protected]>
- 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.) - Fix stoat assets from submodule not syncing Signed-off-by: Pecacheu <[email protected]>
Signed-off-by: Pecacheu <[email protected]>
- 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 <[email protected]>
- 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 <[email protected]>
Signed-off-by: Pecacheu <[email protected]>
- 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 <[email protected]>
- 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 <[email protected]>
Signed-off-by: Pecacheu <[email protected]>
Signed-off-by: Pecacheu <[email protected]>
- Remove redundant Show than For's in Message.tsx - Refine SlideDrawer inertia detection by always recalculating final velocity at end - Enable PWA for dev build for testing - Update assets Signed-off-by: Pecacheu <[email protected]>
…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 <[email protected]>
Signed-off-by: Pecacheu <[email protected]>
…for ID Signed-off-by: Pecacheu <[email protected]>
Signed-off-by: Pecacheu <[email protected]>
- 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 <[email protected]>
Signed-off-by: Pecacheu <[email protected]>
…spellcheck suggestions - Remove debug print from SlideDrawer Signed-off-by: Pecacheu <[email protected]>
- Add shorthand names for some emojis Signed-off-by: Pecacheu <[email protected]>
- Replace depricated meta 'apple-mobile-web-app-capable' with 'mobile-web-app-capable' Signed-off-by: Pecacheu <[email protected]>
…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 <[email protected]>
ajlittle
changed the title
Prevents multiple user cards from stacking when clicking different users in the voice channel preview.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary