fb1aca165f
Give the chat text input surrounding a background color
3 years ago
c871251769
Tweak positioning of emoji picker popover
3 years ago
31f77cf1f0
Tweaks to chat bottom handling for #2342
3 years ago
c597a0de9e
Add accessibility properties to chat text input. Closes #2444
3 years ago
fb7cff54d0
Tweak badge styles
3 years ago
890ebdfff6
Tweak style of scroll to bottom button
3 years ago
e64da8003c
More component selectors for CSS overrides for #2193
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
a75c838ef3
Populate user message tooltip. Closes #2343
3 years ago
d2f65380a1
Fix issue when trying to collapse non-user message
3 years ago
447779b439
Reduce textfield padding
3 years ago
bc6af8251e
Add padding to chat messages
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
3021dd7795
Always show the 'send chat message' button. Re #2293 . ( #2298 )
3 years ago
64b20cf070
Use 16px font size to prevent auto zoom on iOS Safari. Shorten the 'type here' message so it doesn't wrap to a second line when the chat pane becomes a column on the right side of larger screens. Re #2276 . ( #2294 )
3 years ago
2e7787f70b
Force the bundler to build the player as its own file
3 years ago
917248fc5b
moved footer to layout. changed some css
3 years ago
f6e158ab88
reduced font weight of message text
3 years ago
91c7bed0e8
Add action message type to chat. Closes #2226
3 years ago
6e54ec7695
Antd updates ( #2194 )
...
* Fix antd Modal.visible warning by using updated attribute name 'open'.
* Update more attributes (onVisibleChange => onOpenChange, defaultVisible => defaultOpen) to fix browser console warnings.
* Update ModalProps property from 'visible' to 'open' to match the change in antd.
* Update variable names to match the antd change from 'visible' to 'open'.
* Inline this for the linter.
* One more visible => open reference.
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
cd3722d9f1
Limit chat input to max characters. Closes #2109
3 years ago
19e4e99127
First pass at the social/federated chat component. Closes #2172
3 years ago
45c7fa4f7e
Only show chat send button on mobile
3 years ago
6c9f9f6507
Add additional example chat items to story
3 years ago
b1484f4c9f
Lazy load some components that aren't needed at load. For #2167
3 years ago
b87076759c
styled chat join messages
3 years ago
91bc45dbef
moved borders to the right for own msgs. Closes #2074
3 years ago
a931fe0ddf
Update the chat moderation modal with slightly better layout. Closes #2073
3 years ago
adea618a44
improved ui of chat text input
3 years ago
44ef64b3b5
fixed chat container not showing in SB + minor changes
3 years ago
892532dfa2
moved scroll to bottom btn to own comp
3 years ago
f90295269e
Updated styles to match design for chat msgs
3 years ago
0b35919357
Fixed messages not wrapping + changed some styles to accomodate scrollbar better
3 years ago
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>
3 years ago
121c9415f1
Wire up emoji+custom emote selector to text input. Closes #1887
3 years ago
c61bea29ee
Add read-only chat embed page. Closes #1905
3 years ago
b8a108ba03
Fix chat message story
3 years ago
ac7e095fdf
Handle hide/show chat messages via moderation. Closes #1986
3 years ago
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
3 years ago
46166a78d9
Set message content as renderable html
3 years ago
6d7f0302bf
Replace the auth chat message badge with an icon
3 years ago
aa0b43074f
Fix chat user color variable
3 years ago
d5fa81f76e
Draft: rough-ish draft of proposed color theme changes ( #2067 )
...
* color experimentation and troubleshooting
* create color scheme, assign colors, more ant overrides
* fun selection color
* Prettified Code!
* Correctly import opensans
* Prettified Code!
* Organize+standardize colors/names and update the app to use them
* Prettified Code!
* Use css var references instead of resolving value of vars in css files
* Prettified Code!
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
3 years ago
c2bd9436ba
Show moderation menu for moderators. Closes #1864
3 years ago
1a9b9f53fc
Add remote fediverse follow modal. Closes #1862
3 years ago
Gabe Kangas
Matthew Heller
t1enne
juliana-mol
James Young
gingervitis