c88c90881a
Use flex-start instead of start
3 years ago
b8016eaa90
fix scroll on mobile ( #2585 )
...
* fix scrolling issues on mobile
* resolve conflict
3 years ago
2c2dae9e00
Make the footer have a consistant height
3 years ago
4bac079a73
Make footer sit on bottom of page. Closes #2188
3 years ago
d8a5380b7f
Fix some React lifecycle and rendering errors that exist in build
3 years ago
cfaeda94b0
Lazy load more components. #2167
3 years ago
15747f86dd
Lazy load followers components
3 years ago
533d33847c
Hide disabled features ( #2473 )
...
* Hide/show on notify and fediverse feature disable/enable
* Update browser tests to enable features for testing
* Hide/show features in mobile action menu
* Do not show fediauth option if fediverse features are not enabled.
* Force showing tabs when in Storybook
3 years ago
0a602edf5e
Double scrollbars ( #2509 )
...
* hide footer on mobile to avoid double scrollbars
* fix double scrollbars on desktop by removing scroll behaviour from main section
* add scrollbar styles to body and html
* add vertical scrolling back to main section
* prevent header from collapsing and messing around with scrolling
* prevent body from scrolling for main layout
* move tablet breakpoint into breakpoint mixin
* preffify code
* remove js height calc for lower section on mobile and use css
* enable scrolling within a tab on mobile
* remove scrollbar from main section on mobile
* adjust header height on mobile
* add react use to web
* lock body scroll for main layout
3 years ago
660ea10dab
Change loading state. Closes #2248
3 years ago
4bcfc82a30
Make the push notification modal slightly more correct. Closes #2163
3 years ago
5bc7fe04b6
Give scrollbar thumb a slight radius
3 years ago
0c3d3f1c17
Move footer to not be sticky. Closes #2288
3 years ago
18d92dbe9d
Wire up follower empty state. Closes #1913
3 years ago
769f05db2c
Allow for custom scrollbar styling
3 years ago
d91f682d21
Lazy load chat container
3 years ago
2e7787f70b
Force the bundler to build the player as its own file
3 years ago
e7a4d53453
Remove buttons from offline banner and add inline links. Closes #2261
3 years ago
77369a3cbe
Add follow+notify to actions menu and refactor how those modals are displayed. Closes #2247
3 years ago
bddb895189
styled the default button and the mobile dropdown
3 years ago
917248fc5b
moved footer to layout. changed some css
3 years ago
f2f3dcfea7
Add mobile actions dropdown menu. Closes #2231
3 years ago
3fbbecc0e8
Refactor action buttons callback
3 years ago
c6364959c9
Experiment with showing footer on about tab for mobile
3 years ago
f603979ad9
added hook to calculate height for btm content
3 years ago
fece33ccaf
small css adjustments
3 years ago
ecfb4a4c53
fixed mobile ui overflowing
3 years ago
ee08c42c6d
improv ui: make footer sit at bottom ( #2212 )
...
This commit makes the footer always attach to the bottom of the screen.
This is done by setting the minWidth of the main antd layout component
to 100vh and moving the footer component outside the spinner, since antd
does not allow granular component inside the spin component.
This commit also removes some styles which were not being used due to
invalid antd api.
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
3 years ago
a2a294bc4c
No longer lazy load followers
3 years ago
7967106fcc
Restore the loading state of the app. Closes #2195
3 years ago
a526decef4
Refactor use of antd tab component. Closes #2098
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
80a012a3c7
Add current user object that holds user session values instead of standalone getters. Closes #2050
3 years ago
dd5b8e7ce5
Start of empty follower tab state. For #1913
3 years ago
8a946b8444
Do not show status bar unless live
3 years ago
6c2e25e597
Update the offline banner. Filed #2179 to discuss text
3 years ago
b1484f4c9f
Lazy load some components that aren't needed at load. For #2167
3 years ago
8ee9be5d88
Support disabled chat. Closes #1979
3 years ago
8d02f4068d
Polish up the initial loading experience
3 years ago
0430adc502
Add mobile-specific tabs+content
3 years ago
20ea5d051f
Clean up some styles and fix mobile rendering
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
dbcccb79f5
Add margin below content
3 years ago
6c06f4fd67
Update footer
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
f3d611e762
Fix content header not rendering properly on mobile
3 years ago
c2bd9436ba
Show moderation menu for moderators. Closes #1864
3 years ago
a521ba21d8
Add admin field for setting offline message. Closes #1901
3 years ago
6ffe720d90
Update to the page content header
3 years ago
Gabe Kangas
André Rusakow
t1enne
Pranav Joglekar
Matthew Heller
James Young
gingervitis