Commit Graph

100 Commits

Author SHA1 Message Date
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
Gabe Kangas
a526decef4 Refactor use of antd tab component. Closes #2098 2022-10-10 17:54:03 -07:00
Matthew Heller
6e54ec7695 Antd updates (#2194)
* Fix antd Modal.visible warning by using updated attribute name 'open'.

* Update more attributes (onVisibleChange => onOpenChange, defaultVisible => defaultOpen) to fix browser console warnings.

* Update ModalProps property from 'visible' to 'open' to match the change in antd.

* Update variable names to match the antd change from 'visible' to 'open'.

* Inline this for the linter.

* One more visible => open reference.
2022-10-10 17:11:29 -07:00
Gabe Kangas
80a012a3c7 Add current user object that holds user session values instead of standalone getters. Closes #2050 2022-10-10 16:40:13 -07:00
Gabe Kangas
dd5b8e7ce5 Start of empty follower tab state. For #1913 2022-10-09 20:31:14 -07:00
Gabe Kangas
8a946b8444 Do not show status bar unless live 2022-10-08 18:53:45 -07:00
Gabe Kangas
6c2e25e597 Update the offline banner. Filed #2179 to discuss text 2022-10-08 15:05:52 -07:00
Gabe Kangas
b1484f4c9f Lazy load some components that aren't needed at load. For #2167 2022-10-03 21:06:46 -07:00