Gabe Kangas
7924a561b2
fix(chat): update scroll to bottom button text color
2023-06-21 14:26:57 -07:00
Gabe Kangas
ccb9b5d075
chore: run stylelint on our css files
2023-06-20 20:58:00 -07:00
Gabe Kangas
58f2d09815
fix(chat): try to improve auto scroll to bottom. Closes #3029
2023-06-12 15:47:41 -07:00
Gabe Kangas
2046e4999f
feat(chat): decrease msg collapse timeout + add spacing. Closes #3062
2023-06-02 19:48:07 -07:00
Gabe Kangas
6d30de19f6
fix(chat): cleanup of moderator flag check
2023-05-31 16:54:30 -07:00
Gabe Kangas
71703f2245
fix(chat): fix bot status not showing. Closes #3046
2023-05-31 13:54:03 -07:00
Gabe Kangas
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
2023-05-22 18:56:44 -07:00
Gabe Kangas
cfdfdf5f49
fix(chat): add slight spacing via margin below bottom chat message
2023-05-08 19:29:00 -07:00
Gabe Kangas
722d11307a
feat(ui): add id to scroll to bottom button
2023-05-08 09:44:39 -07:00
Gabe Kangas
a9a2ad5487
fix(chat): tweak auto scrolling on message logic to reduce scroll to bottom button showing
2023-05-07 20:29:29 -07:00
Nathan
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>
2023-04-26 15:31:23 -07:00
gingervitis
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>
2023-04-24 10:58:57 -07:00
Gabe Kangas
4192482a4c
Add error boundary to chat. For #2811
2023-03-12 21:57:04 -07:00
Gabe Kangas
c4f057eded
Make testing for moderator state centralized in User class
2023-03-03 21:55:02 -08:00
Naz
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>
2023-03-03 15:25:22 -08:00
Gabe Kangas
4a0476b237
Add support for disabled chat state in the chat input field. Closes #2761
2023-03-01 16:22:10 -08:00
Gabe Kangas
61b78b8f1b
Limit the number of chat messages that can collapse in a row
2023-02-20 12:00:59 -08:00
Gabe Kangas
8f2a345594
Reduce the time we allow message collapsing
2023-02-20 09:39:55 -08:00
Gabe Kangas
534a7dcb67
Remove log
2023-02-19 18:43:17 -08:00
Gabe Kangas
05a06796e2
Break out name change message to own component + fix text color. Closes #2718
2023-02-19 16:20:11 -08:00
Gabe Kangas
564d058e2e
Improve chat container bottom scrolling handling. Closes #2342
2023-02-18 11:58:52 -08:00
Gabe Kangas
313a81359a
Add Fediverse event chat views. Closes #2679
2023-02-05 19:58:38 -08:00
Gabe Kangas
1ee71aecaa
Add bot user badge. Closes #2681
2023-02-05 15:37:16 -08:00
Gabe Kangas
de20b2cc11
Increase diff threshold for UI tests: #2292 #2630 #2629
2023-01-30 14:46:34 -08:00
Gabe Kangas
a1a3272031
Hide scrollbars
2023-01-18 19:18:29 -08:00
Gabe Kangas
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583
2023-01-15 22:31:36 -08:00
Gabe Kangas
bb9b8a8123
Use own scroll to bottom function instead of built-in. Closes #2500
2023-01-11 00:53:18 -08:00
Gabe Kangas
b989e9a462
Remove chat container bottom margin
2023-01-11 00:52:03 -08:00
Gabe Kangas
81c505d731
Hack to force scroll to very bottom at mount. For #2500
2023-01-05 02:16:37 -08:00
Gabe Kangas
31f77cf1f0
Tweaks to chat bottom handling for #2342
2022-12-20 00:37:22 -08:00
Gabe Kangas
890ebdfff6
Tweak style of scroll to bottom button
2022-12-14 12:54:31 -08:00
Gabe Kangas
8a14173066
Increase the bottom threshold for chat container. Closes #2342
2022-12-01 19:26:16 -08:00
Gabe Kangas
ce1c564797
Add margin under bottom chat message
2022-11-19 12:56:38 -08:00
Gabe Kangas
d2f65380a1
Fix issue when trying to collapse non-user message
2022-11-13 14:49:49 -08:00
Gabe Kangas
769f05db2c
Allow for custom scrollbar styling
2022-11-13 12:37:31 -08:00
Gabe Kangas
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>
2022-11-12 20:26:55 -08:00
Gabe Kangas
4cdbcc642d
Tweak Chromatic diffThreshold to reduce false negative tests
2022-11-05 17:27:44 -07:00
Gabe Kangas
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.
2022-11-04 20:04:13 -07:00
Gabe Kangas
91c7bed0e8
Add action message type to chat. Closes #2226
2022-10-18 19:47:38 -07:00
juliana-mol
9f2aa66527
chat story controls ( #2181 )
...
* chat story controls
* Prettified Code!
Co-authored-by: juliana-mol <juliana-mol@users.noreply.github.com>
2022-10-09 11:25:48 -07:00
Gabe Kangas
6c9f9f6507
Add additional example chat items to story
2022-10-04 19:14:50 -07:00
t1enne
adea618a44
improved ui of chat text input
2022-10-01 10:34:59 +02:00
t1enne
44ef64b3b5
fixed chat container not showing in SB + minor changes
2022-09-30 13:17:22 +02:00
t1enne
892532dfa2
moved scroll to bottom btn to own comp
2022-09-30 13:16:35 +02:00
t1enne
f90295269e
Updated styles to match design for chat msgs
2022-09-30 09:57:12 +02:00
t1enne
0b35919357
Fixed messages not wrapping + changed some styles to accomodate scrollbar better
2022-09-13 08:43:59 +02:00
James Young
d1f3fffe2f
reafctor: normalize component formatting ( #2082 )
...
* refactor: move/rename BanUserButton file
* refactor: move/rename Chart file
* refactor: update generic component filenames to PascalCase
* refactor: update config component filenames to PascalCase
* refactor: update AdminLayout component filename to PascalCase
* refactor: update/move VideoJS component
* chore(eslint): disable bad react/require-default-props rule
* refactor: normalize ActionButton component
* refactor: normalize ActionButtonRow component
* refactor: normalize FollowButton component
* refactor: normalize NotifyButton component
* refactor: normalize ChatActionMessage component
* refactor: normalize ChatContainer component
* refactor: normalize ChatJoinMessage component
* refactor: normalize ChatModerationActionMenu component
* refactor: normalize ChatModerationDetailsModal component
* refactor: normalize ChatModeratorNotification component
* refactor: normalize ChatSocialMessage component
* refactor: normalize ChatSystemMessage component
* refactor: normalize ChatTextField component
* refactor: normalize ChatUserBadge component
* refactor: normalize ChatUserMessage component
* refactor: normalize ContentHeader component
* refactor: normalize OwncastLogo component
* refactor: normalize UserDropdown component
* chore(eslint): modify react/function-component-definition rule
* refactor: normalize CodecSelector component
* refactor: update a bunch of functional components using eslint
* refactor: update a bunch of functional components using eslint, pt2
* refactor: update a bunch of functional components using eslint, pt3
* refactor: replace all component->component default imports with named imports
* refactor: replace all component-stories->component default imports with named imports
* refactor: remove default exports from most components
* chore(eslint): add eslint config files for the components and pages dirs
* fix: use-before-define error in ChatContainer
* Fix ChatContainer import
* Only process .tsx files in Next builds
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-09-07 00:00:28 -07:00
Gabe Kangas
c61bea29ee
Add read-only chat embed page. Closes #1905
2022-09-04 21:53:04 -07:00
James Young
5ebbbb8bf2
refactor(stories): co-locate stories with components ( #2078 )
...
* refactor: move ActionButton component
* refactor: move BanUserButton component
* refactor: move ChatActionMessage component
* refactor: move ChatContainer component
* refactor: move AuthModal component
* refactor: move BrowserNotifyModal component
* refactor: move ChatUserMessage component
* refactor: move ChatJoinMessage component
* refactor: move ChatTextField component
* refactor: move ChatUserBadge component
* refactor: move FollowerCollection and SingleFollower components
* fix: bad import path
* refactor: move FollowModal component
* refactor: move Modal component
* refactor: move ContentHeader component
* refactor: move ChatSystemMessage component
* refactor: move Header component
* refactor: move Footer component
* refactor: move StatusBar component
* refactor: move OfflineBanner component
* refactor: move OwncastPlayer component
* refactor: move IndieAuthModal component
* refactor: move SocialLinks component
* refactor: move VideoPoster component
* refactor: move FollowModal component
* refactor: move FediAuthModal.tsx component
* refactor: move UserDropdown component
* refactor: move ChatSocialMessage component
* refactor: move Logo component
* refactor: move NotifyReminderPopup component
* refactor: move NameChangeModal component
* refactor: move FatalErrorStateModal component
* refactor: move ChatModeratorNotification component
* refactor: move ChatModerationActionMenu and ChatModerationDetailsModal components
* refactor: move CustomPageContent component
* refactor: move storybook Introduction file
* refactor: update storybook story import path
* refactor: move storybook preview styles
* refactor: move storybook doc pages
* refactor: move Color and ImageAsset components
* fix: bad import path
* fix: bad import path in story file
2022-09-03 11:38:52 -07:00
Gabe Kangas
aa0b43074f
Fix chat user color variable
2022-09-01 19:37:21 -07:00
