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
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
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