eb28ceca54
feat(chat): add support for chat part messages. Closes #3201 ( #3291 )
2 years ago
169c11596c
feat(chat): add support for chat part messages. Closes #3201 ( #3291 )
2 years ago
14baef4e36
remove excess resize event listeners ( #3169 )
...
We add a resize handler to the window when the ChatContainer is created. If a
second ChatContainer is created due to React redrawing, remove the old handler.
Co-authored-by: janWilejan <>
2 years ago
101174f71e
replace margins with padding in the chat container ( #3165 )
...
Virtuoso can't calculate the size of elements that have margins. This causes
strange behaviour with scrolling in chat.
Co-authored-by: janWilejan <>
2 years ago
3f4887020d
Add resize handle to chat ( #3157 )
...
* add resize handle to chat
* Add chat resize functionality
* window resize only causes chat resize on desktop
* fix parseFloat invocation
* desktop is optional attribute of ChatContainer
---------
Co-authored-by: janWilejan <>
2 years ago
2d72935564
change chat from a sidebar to a column ( #3113 )
...
* change chat from a sidebar to a column
Using a 2-column layout prevents the chat scrollbar from overlapping the page
scrollbar. Also, it no longer needs to calculate extra padding for elements.
* remove unused Sidebar.tsx
* fix css for chat column
* re-center "Go to last message" button
* main content column always uses maximum height
* lint
* re-hide scrollbars in mainContent on chromium
* fix chat column width when input is over-full
* chat is only fixed-width in desktop
---------
Co-authored-by: janWilejan <>
2 years ago
74ad8d5e18
Fix chat flicker / Usernames collapse in order ( #3135 )
...
Co-authored-by: janWilejan <>
2 years ago
1f755cb0ba
fix(chat): do not allow chat scrolling to impact page scrolling. Closes #3109
2 years ago
7924a561b2
fix(chat): update scroll to bottom button text color
2 years ago
ccb9b5d075
chore: run stylelint on our css files
2 years ago
58f2d09815
fix(chat): try to improve auto scroll to bottom. Closes #3029
2 years ago
2046e4999f
feat(chat): decrease msg collapse timeout + add spacing. Closes #3062
2 years ago
6d30de19f6
fix(chat): cleanup of moderator flag check
2 years ago
71703f2245
fix(chat): fix bot status not showing. Closes #3046
2 years ago
69f217f758
Refactor mobile chat into modal ( #3038 )
...
* feat(mobile): refactor mobile chat into modal
- Make page always scrollable
- Move mobile chat into a standalone modal
* fix(test): split out mobile browser test specs
* fix(mobile): force chat button to render on top of footer
* fix: some small updates from review
* fix: hide/show hide chat menu option based on width
* fix: chat button icon getting cut off
* chore(tests): add browser tests for mobile chat modal
* chore(tests): add story for ChatModal component
* fix(test): quiet shellcheck
* fix: remove unused import
* fix(tests): silence storybook linting warning
* fix(ui): reposition chat modal button icon with transform
2 years ago
cfdfdf5f49
fix(chat): add slight spacing via margin below bottom chat message
2 years ago
722d11307a
feat(ui): add id to scroll to bottom button
2 years ago
a9a2ad5487
fix(chat): tweak auto scrolling on message logic to reduce scroll to bottom button showing
2 years ago
32c3f6a9b6
fix : #2668 Page Vertical Spacing Issues ( #2863 )
...
* fix : #2668 Page Vertical Spacing Issues
* Update test to reflect mobile work
* chore: refactor action buttons
---------
Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2 years ago
44483a45d3
some webv2 UI polish ( #2940 )
...
* style tweaks for Action Button, UserMenu, Modal
* a bunch of misc polish; some around chat
* Prettified Code!
* cleanup
* fix formatting
* Reduce content padding a bit
* some stylesheet cleanup
* fix action button sizing
* Remove action button height completely
---------
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2 years ago
4192482a4c
Add error boundary to chat. For #2811
2 years ago
c4f057eded
Make testing for moderator state centralized in User class
2 years ago
3629f318e8
removed timers from component in favor of css transition ( #2769 )
...
* removed timers from component in favor of css transition
* removed semibold text
---------
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2 years ago
4a0476b237
Add support for disabled chat state in the chat input field. Closes #2761
2 years ago
61b78b8f1b
Limit the number of chat messages that can collapse in a row
3 years ago
8f2a345594
Reduce the time we allow message collapsing
3 years ago
534a7dcb67
Remove log
3 years ago
05a06796e2
Break out name change message to own component + fix text color. Closes #2718
3 years ago
564d058e2e
Improve chat container bottom scrolling handling. Closes #2342
3 years ago
313a81359a
Add Fediverse event chat views. Closes #2679
3 years ago
1ee71aecaa
Add bot user badge. Closes #2681
3 years ago
de20b2cc11
Increase diff threshold for UI tests: #2292 #2630 #2629
3 years ago
a1a3272031
Hide scrollbars
3 years ago
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583
3 years ago
bb9b8a8123
Use own scroll to bottom function instead of built-in. Closes #2500
3 years ago
b989e9a462
Remove chat container bottom margin
3 years ago
81c505d731
Hack to force scroll to very bottom at mount. For #2500
3 years ago
31f77cf1f0
Tweaks to chat bottom handling for #2342
3 years ago
890ebdfff6
Tweak style of scroll to bottom button
3 years ago
8a14173066
Increase the bottom threshold for chat container. Closes #2342
3 years ago
ce1c564797
Add margin under bottom chat message
3 years ago
d2f65380a1
Fix issue when trying to collapse non-user message
3 years ago
769f05db2c
Allow for custom scrollbar styling
3 years ago
813f8692f0
Support color customization from the admin ( #2338 )
...
* Add user-customizable theming. Closes #1915
* Prettified Code!
* Add user-customizable theming. Closes #1915
* Add explicit color for page content background
* Prettified Code!
Co-authored-by: gabek <gabek@users.noreply.github.com>
3 years ago
4cdbcc642d
Tweak Chromatic diffThreshold to reduce false negative tests
3 years ago
352447e3d4
Web UI frontend automated browser tests ( #2223 )
...
* First pass at basic browser tests for #1926
* Run tests against dev web server not go server
* Bundle the web code into the server before running tests
* Move cypress UI tests into its own npm project + add tests
* Add additional tests + wire up with cypress dashboard
* Limit concurrency of workflow jobs
* Temporarily comment out some tests that do not pass in mobile. Will fix later.
3 years ago
91c7bed0e8
Add action message type to chat. Closes #2226
3 years ago
9f2aa66527
chat story controls ( #2181 )
...
* chat story controls
* Prettified Code!
Co-authored-by: juliana-mol <juliana-mol@users.noreply.github.com>
3 years ago
6c9f9f6507
Add additional example chat items to story
3 years ago
adea618a44
improved ui of chat text input
3 years ago
Gabe Kangas
janWilejan
Nathan
gingervitis
Naz
juliana-mol
t1enne