ea902520ff
fix(ui): reduce empty vertical space between action buttons and content header
2 years ago
a50f1fe7bb
fix(ui): allow dynamic tigher spacing of action buttons. fixes #2957
2 years ago
913cc4aae2
fix(ui): remove default border on mobile action button menu
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
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583
3 years ago
b8016eaa90
fix scroll on mobile ( #2585 )
...
* fix scrolling issues on mobile
* resolve conflict
3 years ago
c231fd3592
First pass at CSS identifiers + test to verify they are set. For #2193
3 years ago
7ba2730736
Fix action button icon sizing. Closes #2137
3 years ago
77369a3cbe
Add follow+notify to actions menu and refactor how those modals are displayed. Closes #2247
3 years ago
b285115a3e
fixed linter error
3 years ago
bddb895189
styled the default button and the mobile dropdown
3 years ago
7c0474f14a
made trigger button antd component
3 years ago
f2f3dcfea7
Add mobile actions dropdown menu. Closes #2231
3 years ago
3fbbecc0e8
Refactor action buttons callback
3 years ago
fb9001949b
Fix follow modal height. Closes #2235
3 years ago
5eebb10fe6
action buttons now wrap
3 years ago
ee283311ec
Do not render icon of action button if icon is not set. Closes #2203 #2202
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
7788fe3327
Support custom text in notify button
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
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
7a9332408e
Change font+weight of action buttons
3 years ago
113c3deaea
Make action buttons primary for now
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
1a9b9f53fc
Add remote fediverse follow modal. Closes #1862
3 years ago
c6e1a452ab
Render actual external action buttons. Closes #1997
3 years ago
f130abb8f9
Minor styling changes
3 years ago
ffc73f2760
Added chat tab on mobile layouts and other changes to mobile UI
3 years ago
577ce5718d
Wire up notify popup to hide/show at correct times. Closes #1911
3 years ago
5d65b4b3b1
Add undesigned functionality of follow modal. For #1862
3 years ago
1684979187
Add working but unstyled notify registration modal
3 years ago
6a0d0970d6
Added icons and formatted with prettier
3 years ago
d1ea0fa81b
Destructured props
3 years ago
72c01e1b9a
Fix web project build errors
3 years ago
92a1da4df6
Add custom Modal component
3 years ago
f835ae5086
Add action buttons and status bar
3 years ago
448c23d097
Use some style values so it looks like this page is making progress
3 years ago
97b957adbe
Add WIP external action buttons
3 years ago
Gabe Kangas
gingervitis
André Rusakow
t1enne
Matthew Heller
James Young