Commit Graph

137 Commits

Author SHA1 Message Date
Gabe Kangas
15e06b9b2b fix(mobile): remove extra 20px of padding 2023-05-25 08:20:03 -07:00
gingervitis
29041e6d76 Address chat modal button issues (#3042)
* don't display chat button or modal if isModal is true. dont display the show/hide chat option in the userdropedown for tablet sizes either. tweak chat button styles and make chat button bg the same as the chat component bg color.

* only show chat button if online

* fix(chat): chat should be available through 5min buffer period. Fixes #3044

* fix(test): update mobile test

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-05-23 16:32: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
e50b23d081 Cleanup unused Javascript (#3027)
* chore(js): be stricter about dead code warnings

* chore(js): remove dead code and unused exports

* rebase

* chore: remove unused files

* chore(deps): remove unused prop-types dep

* chore(js): remove unused function

* chore(deps): remove + check unused deps

* chore(js): remove unused exports. Closes #3036
2023-05-20 21:15:25 -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
e694d76ad2 fix(mobile): toggle tablet content layout based on online state. Closes #3003 (#3007) 2023-05-12 07:00:04 -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
9e19af636e fix(mobile): adjust padding for bottom mobile content. Closes #2986 2023-05-04 21:48:09 -07:00
Gabe Kangas
6982ce54b7 fix: increase line height of headers in page content 2023-05-04 21:40:53 -07:00
Gabe Kangas
c79834a752 fix(mobile): do not show action menu if there are no actions. Closes #2985 2023-05-04 21:37:52 -07:00
Gabe Kangas
7d6fa8d1ac fix(ui): add margin under page content. Closes #2963 2023-05-04 18:11:06 -07:00
Nathan
cd74c42967 fix: #2957 Portrait Buttons Make Action Buttons Wrap (#2965)
Co-authored-by: thisProjects <wibbet@wobbet.com>
2023-04-28 12:09:00 -07:00
Gabe Kangas
fbffb58c0c fix(ui): vh->vw for content margin 2023-04-26 21:42:30 -07:00
Gabe Kangas
97fb5a80d0 fix(ui): restore page margin and background color. Closes #2959 2023-04-26 21:27:35 -07:00
Gabe Kangas
12d321b097 fix(mobile): remove extra margin around tabbed content 2023-04-26 21:24:31 -07:00
Gabe Kangas
d2afeef0e4 fix(embed): fix post-pr #2863 merge offline banner text color 2023-04-26 15:39:58 -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
Gabe Kangas
bb9cc28596 fix(embed): change text color of offline banner. Closes #2953 2023-04-26 09:40:17 -07:00
gingervitis
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>
2023-04-24 10:58:57 -07:00
Gabe Kangas
90d2739afd fix(mobile): fix action bar button not appearing. Closes #2938 2023-04-22 19:57:24 -07:00
Gabe Kangas
057b93b1b2 fix(web): improve spacing in custom bottom section with headers 2023-04-15 17:50:52 -07:00
Gabe Kangas
0f58f8c0fe Banned and chat disconnected states will hide chat. Closes #2764 2023-03-13 15:25:05 -07:00
Gabe Kangas
7e7be00b12 Guard against mobile exception. Closes #2793 2023-03-13 13:08:57 -07:00
Gabe Kangas
cd0f92f496 Add error boundary to DesktopContent. For #2811 2023-03-12 23:11:20 -07:00
Gabe Kangas
593a7faa36 Add error boundaries to MobileContent. For #2811 2023-03-12 21:53:17 -07:00
Gabe Kangas
aa05ad6369 Fix loading state when chat is disabled in mobile. Closes #2753 2023-03-05 17:47:59 -08:00
Gabe Kangas
4a0476b237 Add support for disabled chat state in the chat input field. Closes #2761 2023-03-01 16:22:10 -08:00
Gabe Kangas
38a52c501c Do not show custom page content sections if it is empty. Closes #2752 2023-02-27 17:39:53 -08:00
Gabe Kangas
8b8f221eb4 Show streamTitle in header if set. Closes #2720 2023-02-22 18:52:25 -08:00
Gabe Kangas
9744d4680c Fix disabled browser notifications showing up. Closes #2726 2023-02-22 18:04:11 -08:00
Gabe Kangas
e8ef6433e5 Addition bottom page content layout tweaks 2023-02-22 09:40:56 -08:00
Gabe Kangas
3bb73af1c2 Standardize bottom section background + fix mobile tabs not hiding. Closes #2685 2023-02-21 16:15:09 -08:00
Philipp
a290770ac9 Allow embedding HTML for external actions (#2693)
* Admin UI: implement HTML embeds

* Admin UI External Actions: set correct useHTML on edits

* Admin UI: edit by index, not URL

* External Actions: render HTML on stream frontend

* Don't open embeds externally

* Remove TODO comment

* Add HTML as unique action key

* Admin UI: Actions: use CodeMirror editor, dropdown
2023-02-14 09:08:54 -08:00
Gabe Kangas
323fe65e58 Split out desktop and mobile layouts to make it easier to work on them 2023-02-12 16:55:52 -08:00
Gabe Kangas
f475a37bb6 Add loading state to lazy loaded modals 2023-02-10 12:28:33 -08:00
Michael David Kuckuk
25119561fb Give chat a min-height that other elements yield to on mobile clients (#2676)
* Add className prop to some components

* Give mobile chatbox height priority over other elements

* Optimize for mobile landscape mode

* Make thumbnail background black

* Fix overflow issues on narrow screens

* Adjust layout for offline mode on mobile

* Fix main content width on Desktop

* Fix offline layout for desktop
2023-02-08 18:50:58 -08:00
Gabe Kangas
a50ca4a084 Remove minHeight that is forcing scrolling 2023-02-01 11:06:08 -08:00
Gabe Kangas
b05ff79cf0 Add loading state for player component 2023-01-31 23:29:03 -08:00
Gabe Kangas
d48a61ce62 Increase lower section min height 2023-01-30 00:02:10 -08:00
Gabe Kangas
71ed8ac1ff Give the lower section a min height to push the footer to the bottom. Closes #2188 2023-01-29 17:24:43 -08:00
Gabe Kangas
72cc7cb443 Add skip link to offline message 2023-01-29 16:31:52 -08:00
Gabe Kangas
88281b4814 Do not show title on offline banner + add margin 2023-01-28 19:26:19 -08:00
Gabe Kangas
24f6bb1ea5 Add aria-title attribute to video player. For #1826 2023-01-23 19:28:32 -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
f725bc28f4 Make the player fit the full width but content stay the same. For #2360 2023-01-21 12:50:36 -08:00
Gabe Kangas
a1a3272031 Hide scrollbars 2023-01-18 19:18:29 -08:00
Gabe Kangas
c88c90881a Use flex-start instead of start 2023-01-15 23:13: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