Commit graph

107 commits

Author SHA1 Message Date
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
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
97fb5a80d0
fix(ui): restore page margin and background color. Closes #2959 2023-04-26 21:27:35 -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
Gabe Kangas
0f58f8c0fe
Banned and chat disconnected states will hide chat. Closes #2764 2023-03-13 15:25:05 -07: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
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
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
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
2c2dae9e00
Make the footer have a consistant height 2023-01-13 00:28:05 -08:00
Gabe Kangas
4bac079a73
Make footer sit on bottom of page. Closes #2188 2023-01-11 18:56:10 -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
15747f86dd
Lazy load followers components 2023-01-09 01:08:24 -08:00
Gabe Kangas
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
2022-12-29 16:26:04 -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
660ea10dab
Change loading state. Closes #2248 2022-12-12 19:10:49 -08:00
Gabe Kangas
4bcfc82a30
Make the push notification modal slightly more correct. Closes #2163 2022-12-05 21:53:14 -08:00
Gabe Kangas
0c3d3f1c17
Move footer to not be sticky. Closes #2288 2022-12-05 21:04:59 -08:00
Gabe Kangas
18d92dbe9d
Wire up follower empty state. Closes #1913 2022-11-17 21:32:26 -08:00
Gabe Kangas
d91f682d21
Lazy load chat container 2022-10-28 12:19:39 -07:00
Gabe Kangas
2e7787f70b
Force the bundler to build the player as its own file 2022-10-28 12:19:39 -07:00
Gabe Kangas
e7a4d53453
Remove buttons from offline banner and add inline links. Closes #2261 2022-10-24 22:24:14 -07:00
Gabe Kangas
77369a3cbe
Add follow+notify to actions menu and refactor how those modals are displayed. Closes #2247 2022-10-23 21:59:25 -07:00
t1enne
bddb895189 styled the default button and the mobile dropdown 2022-10-22 22:36:48 +02:00
t1enne
917248fc5b moved footer to layout. changed some css 2022-10-22 10:46:17 +02:00
Gabe Kangas
f2f3dcfea7
Add mobile actions dropdown menu. Closes #2231 2022-10-21 23:58:39 -07:00
Gabe Kangas
3fbbecc0e8
Refactor action buttons callback 2022-10-21 22:24:29 -07:00
Gabe Kangas
c6364959c9
Experiment with showing footer on about tab for mobile 2022-10-20 18:00:13 -07:00
t1enne
f603979ad9 added hook to calculate height for btm content 2022-10-20 21:53:16 +02:00
t1enne
ecfb4a4c53 fixed mobile ui overflowing 2022-10-20 20:25:54 +02: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
a2a294bc4c
No longer lazy load followers 2022-10-16 22:40:17 -07:00
Gabe Kangas
7967106fcc
Restore the loading state of the app. Closes #2195 2022-10-10 18:33:22 -07:00