Commit Graph
157 Commits
Author SHA1 Message Date
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
PhilippandGitHub 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 KuckukandGitHub 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é RusakowandGitHub 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 KangasandGitHub 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é RusakowandGitHub 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 5bc7fe04b6 Give scrollbar thumb a slight radius 2022-12-05 21:53:13 -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 769f05db2c Allow for custom scrollbar styling 2022-11-13 12:37:31 -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 fece33ccaf small css adjustments 2022-10-20 20:25:54 +02:00
t1enne ecfb4a4c53 fixed mobile ui overflowing 2022-10-20 20:25:54 +02:00
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 HellerandGitHub 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