Commit graph

71 commits

Author SHA1 Message Date
Gabe Kangas
ccb9b5d075
chore: run stylelint on our css files 2023-06-20 20:58:00 -07:00
Yusuke
7fc5857d4c
Fix path for image open meta tag #3075. (#3087)
* Commit updated API documentation

* Fix content path used for meta tags.

TT:#3075

* Fix lint for go code.

TT:#3075

* Revert docs/api/index.html

TT:#3075

---------

Co-authored-by: Owncast <owncast@owncast.online>
2023-06-13 19:28:35 -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
gingervitis
4703a64878
address doublescroll #3028 (#3035)
* quick fix for mobile menu button overlap

* - use new dynamic vh css prop to handle ios safari double scrolling
- only force tabs height when online

* cleanup

* add comment
2023-05-21 14:11:53 -07:00
Gabe Kangas
4e1da3fa23
fix(ui): do not add extra spacing to every ant row. Closes #3031 (#3033) 2023-05-19 17:34:23 -07:00
gingervitis
c2a0295a0c
Address some layout issues with odd content spacing on mobile, and footer position (#3022)
* - set vars for player container height and status bar height
- use them to calculate mobile top spacing to adjust for tab content positioning

* give main content section a min height, place footer absolutely at bottom; rm all the fixed footer styling

* cleanup; restructure tabbed display logic and css a bit

* Prettified Code!

* cleanup

* fix(story): footer story needs to be wrapped in RecoilRoot if it is to use Recoil

* revert adding footer to mobile about section

* prevent double scrolling

---------

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-05-18 12:13:26 -07:00
Gabe Kangas
9cb566681e
fix(ui): tweak footer padding and animation speed 2023-05-12 15:41:18 -07:00
Nathan
3bd45d09f3
feat: floating fading footer (#3008)
Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-05-12 14:52:54 -07:00
Gabe Kangas
23d29ac2ae
fix(ui): use showChat selector for dynamicPadding logic 2023-05-06 20:36:17 -07:00
Gabe Kangas
4fa960be8b
fix(ui): fix dynamic padding not taking disabled chat state into account 2023-05-06 20:06:39 -07:00
Gabe Kangas
630a5bf782
fix(mobile): support a dynamic mobile browser theme color 2023-05-06 17:06:14 -07:00
Gabe Kangas
646c5616da
fix(footer): add dynamic right padding to fix footer overflowing. Closes #2988 2023-05-05 14:37:01 -07:00
Nathan
04848c1d8c
fix:#2954-player-gets-cut-off-vertically (#2987)
* fix:#2954-player-gets-cut-off-vertically

* Use header-height variable everywhere

---------

Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-05-05 11:10:28 -07:00
Gabe Kangas
b225cd9dc7
feat(footer): use simpler version string 2023-04-28 20:47:32 -07:00
Gabe Kangas
02ac697bcf
fix(mobile): request to disable mobile web auto scaling. Closes #2970 2023-04-28 13:57:43 -07:00
Gabe Kangas
8c26137791
fix(mobile): remove footer on mobile. Closes #2962 2023-04-27 15:35:21 -07:00
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