Commit graph

75 commits

Author SHA1 Message Date
mahmed2000
d31d2948c3
Change websocket mock from empty object to empty class (#3998) 2024-11-08 11:43:41 -08:00
kame
4f078e1ee4
Migrated Storybook notation from CSF2 to CSF3 (#3412)
* Migrate web action-buttons directory to CSF3 notation

* Migrate web chat directory to CSF3 notation

* Migrate web common directory to CSF3 notation

* Migrate web layout directory to CSF3 notation

* Migrate web modals directory to CSF3 notation

* Migrate web ui directory to CSF3 notation

* Migrate web video directory to CSF3 notation

* Migrate web stories directory to CSF3 notation
2023-11-06 19:35:05 -08:00
janWilejan
2d72935564
change chat from a sidebar to a column (#3113)
* change chat from a sidebar to a column

Using a 2-column layout prevents the chat scrollbar from overlapping the page
scrollbar. Also, it no longer needs to calculate extra padding for elements.

* remove unused Sidebar.tsx

* fix css for chat column

* re-center "Go to last message" button

* main content column always uses maximum height

* lint

* re-hide scrollbars in mainContent on chromium

* fix chat column width when input is over-full

* chat is only fixed-width in desktop

---------

Co-authored-by: janWilejan <>
2023-07-09 14:07:35 -07:00
janWilejan
c563742856
Chat popup (#3098)
* add pop out chat button

* add button to close chat popup

* chat is hidden on main interface when a popup chat is open

* NameChangeEvent renames clients with the given id

if you have two or more owncast windows (or pop-out chats) open, changing your
name in 1 client is reflected in all clients.

* replace isChatVisible booleans with chatState enum

* update stories to use ChatState

* fix build tests

---------

Co-authored-by: janWilejan <>
2023-06-26 09:00:27 -07:00
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