Gabe Kangas
97fb5a80d0
fix(ui): restore page margin and background color. Closes #2959
2023-04-26 21:27:35 -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
Pranav Joglekar
cbdf0bd401
fix: Prevent storybook from making websocket connections ( #2896 )
...
* feat: mock window.WebSocket to prevent WS calls from Main layout story
* Prettified Code!
---------
Co-authored-by: Pranav2612000 <Pranav2612000@users.noreply.github.com>
2023-04-14 14:39:05 -07:00
Gabe Kangas
79b6e56cd7
Use the same fake user in test
2023-04-05 20:21:07 -07:00
Gabe Kangas
7400033bee
Add missing rel to indieauth link. Closes #2791
2023-03-13 12:58:36 -07:00
Gabe Kangas
274aeb8be6
Add error boundary to ClientConfigStore modal. For #2811
2023-03-12 23:11:16 -07:00
Gabe Kangas
a3e10152c8
Additional difThreshold tweaks for UI tests comparison
2023-03-09 02:40:18 -08:00
Gabe Kangas
b5cc183a3c
Continue to bump diff threshold so UI tests do not register as changed
2023-03-08 14:49:50 -08:00
Gabe Kangas
b7132eeaa5
Remove marquee tag as it throws off the UI tests
2023-02-27 15:45:45 -08:00
Michael David Kuckuk
b38df2fbe3
Create stories for layout testing ( #2722 )
...
* Inject services with useContext
* Extract service for video settings
* Create mock factories for services
* Create test data for chat history
* Add story to visualize different layouts
* Fix renaming mistake
* Add landscape and portrait viewports
* Add landscape stories
---------
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-02-26 16:54:28 -08:00
Gabe Kangas
8b8f221eb4
Show streamTitle in header if set. Closes #2720
2023-02-22 18:52:25 -08:00
Michael David Kuckuk
c6136fc35c
Add noscript for browsers without JS ( #2592 )
...
* Make OwncastLogo more versatile
* Add noscript tag
* Commit updated API documentation
* Show all content on vertical overflow
---------
Co-authored-by: Owncast <owncast@owncast.online>
2023-02-01 11:04:24 -08:00
Gabe Kangas
cdaae66e94
Add skip links for content, player and footer. For #1826
2023-01-21 23:22:28 -08:00
Gabe Kangas
19c228eaf6
Allow adding custom javascript to the page. Closes #2604
2023-01-18 22:38:24 -08:00
Gabe Kangas
2853752937
Make each admin page specify is own layout. Closes #2584
2023-01-15 23:12:38 -08:00
André Rusakow
b8016eaa90
fix scroll on mobile ( #2585 )
...
* fix scrolling issues on mobile
* resolve conflict
2023-01-15 18:37:21 -08:00
Gabe Kangas
d5960524fc
Tweak admin styles to be using less custom overrides
2023-01-13 14:20:46 -08:00
Gabe Kangas
2ff4316ee6
Fix admin subpages not having a layout
2023-01-11 22:44:15 -08:00
Gabe Kangas
d8a5380b7f
Fix some React lifecycle and rendering errors that exist in build
2023-01-10 16:39:20 -08:00
Gabe Kangas
cfaeda94b0
Lazy load more components. #2167
2023-01-10 00:37:12 -08:00
Gabe Kangas
c05a20a460
Use built-in Next layout support + lazy load
...
Instead of doing manual layout switching use the Nextjs nested layout
support. Also add some additional lazy loading of components. This is to
work on performance score re: #2167 .
2023-01-09 01:08:24 -08:00
André Rusakow
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
2022-12-29 10:14:12 -08:00
Gabe Kangas
d4ffe02645
Fix title getting lost due to multiple callbacks firing. Closes #2351
2022-12-25 16:04:01 -08:00
Gabe Kangas
0c3d3f1c17
Move footer to not be sticky. Closes #2288
2022-12-05 21:04:59 -08:00
Gabe Kangas
2e0f0d1a53
Use absolute URL for og:image if set. Closes #2250
2022-11-18 21:37:54 -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
da66f3b051
Do not display go template tag in dev
2022-10-24 18:27:01 -07:00
Gabe Kangas
a0093fb0c9
Fix server rendered title tag. Closes #2251
2022-10-23 23:09:21 -07:00
Gabe Kangas
8aed27e44d
Refactor server-rendered tags. Closes #2246
2022-10-22 16:51:09 -07:00
t1enne
917248fc5b
moved footer to layout. changed some css
2022-10-22 10:46:17 +02:00
Gabe Kangas
4ca0e69be6
Open all links in a new tab. Closes #2160
2022-10-20 20:13:18 -07:00
Gabe Kangas
2c45b420e5
Import server-rendered template as plain text + add title tag. Closes #2161
2022-10-20 19:40:33 -07:00
Gabe Kangas
37cdbb8dbd
Add backgrounded stream+messages title notifier. Closes #2208
2022-10-18 19:21:08 -07:00
Pranav Joglekar
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>
2022-10-16 23:07:21 -07:00
Gabe Kangas
4c13c3618d
Remove admin stylesheets from loading with app. Closes #2183
2022-10-10 13:31:37 -07:00
Gabe Kangas
2de23a3458
Only client-render server-rendered templates in production builds. Closes #2176
2022-10-08 15:34:11 -07:00
Gabe Kangas
8ee9be5d88
Support disabled chat. Closes #1979
2022-09-10 20:03:58 -07:00
Gabe Kangas
42ff0cdb01
Add server-side hydration of initial config+status. Closes #1964
2022-09-10 15:37:07 -07: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
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
8fc922588b
Add noreferrer automatically to link tags. Closes #1941
2022-06-26 20:09:07 -07:00
Gabe Kangas
f4de7ed31f
Insert custom CSS styles into layout. Closes #1972
2022-06-24 21:42:42 -07:00
Gabe Kangas
ff968616ba
Support server-rendered index.html for all clients. Closes #1871
2022-06-19 16:35:55 -07:00
Gabe Kangas
aae63e4e2c
Display global error if server is unreachable
2022-05-27 22:53:55 -07:00
Gabe Kangas
b3407cbdea
Remove user menu when chat is not available
2022-05-26 11:08:37 -07:00
Gabe Kangas
e0f8a1f702
More accurately hide/show and track chat state
2022-05-13 14:44:16 -07:00
Gabe Kangas
72c01e1b9a
Fix web project build errors
2022-05-11 23:31:31 -07:00
Gabe Kangas
21585f5aea
Use title or name in header
2022-05-08 18:05:37 -07:00
t1enne
502cf4478a
reworked slightly main layout
2022-05-03 23:55:13 +02:00
Gabe Kangas
e0c073171d
Rename layout files
2022-04-28 12:57:51 -07:00
