Commit graph

289 commits

Author SHA1 Message Date
Gabe Kangas
0f04e1d305
fix(header): remove padding from header avatar 2023-04-25 20:33:03 -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
70e4d84c42
feat(header): use instance logo for header image 2023-04-22 11:50:11 -07:00
Gabe Kangas
6774f049f7
fix(followers): more followers style tweaks 2023-04-15 22:33:02 -07:00
Gabe Kangas
014acc1663
fix(followers): improve layout of single follower. Closes #2926 2023-04-15 22:00:42 -07:00
Gabe Kangas
74bdab81a3
fix(web): remove extra spacing above headers in modals 2023-04-15 19:59:22 -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
d7301d2d8d
Fix paragraphs not having spacing. Closes #2891 2023-03-31 22:21:52 -07:00
Gabe Kangas
3d302b7dbd
Fix text overlaping. Closes #2866 2023-03-23 19:11:13 -07:00
Gabe Kangas
78fe01d049
Rework loading followers and pagination a bit. Closes #2835 2023-03-22 14:54:41 -07:00
Gabe Kangas
7e4d147940
Fix exception thrown with zero links. Closes #2833 2023-03-18 11:49:20 -07:00
Gabe Kangas
3b8982089d
Fix pagination parameters. Closes #2835 2023-03-17 21:11:01 -07:00
Gabe Kangas
453d9ab41f
Reword the error message 2023-03-16 12:58:03 -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
9162386495
Add error boundary to system Modal. For #2811 2023-03-12 23:11:18 -07:00
Gabe Kangas
02e937c351
Add error boundary to FollowersCollection. For #2811 2023-03-12 23:11:16 -07:00
Gabe Kangas
593a7faa36
Add error boundaries to MobileContent. For #2811 2023-03-12 21:53:17 -07:00
Gabe Kangas
eaa6418e1c
Add ComponentError UI for #2811 2023-03-12 21:53:15 -07:00
Gabe Kangas
a3e10152c8
Additional difThreshold tweaks for UI tests comparison 2023-03-09 02:40:18 -08: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
f76f7fbaf0
Only use username half of account as fallback value 2023-02-22 22:08:07 -08:00
Gabe Kangas
8b8f221eb4
Show streamTitle in header if set. Closes #2720 2023-02-22 18:52:25 -08:00
Gabe Kangas
e522bddf53
Add some slight side margin to offline banner for mobile 2023-02-22 18:07:12 -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
Gabe Kangas
070a9fa675
Tweak offline tag color and cursor 2023-02-20 09:39:54 -08:00
Mohammad Yasir
87cdbebcc5
This commit suggests that if there is no name then the username will… (#2700)
* This commit suggests that if there is no name then the username will come in place of a name

* Unnecessary comments has been removed also,revert changes in package-lock.json

* Remove White Spaces

* File has been restored to its original version .

* Followed some checks description to improve code
2023-02-20 07:19:27 -08:00
Jacob Wrenn
591ead0064
fix placeholder styling (fixes #2677) (#2709)
* fix placeholder styling

* Prettified Code!

* fix code style

---------

Co-authored-by: JacobWrenn <JacobWrenn@users.noreply.github.com>
2023-02-14 09:24:29 -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
61c8f075cb
Update spacing in custom page content component 2023-02-13 22:19:17 -08:00
Gabe Kangas
60f5b41a3d
Fix the incorrect header spacing across all text 2023-02-13 22:00:53 -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
Gabe Kangas
85e77379b2
Fix followers pagination. Closes #2695 2023-02-08 19:57:30 -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
Prachurjya
7ff71985ea
Issue#2662: Make Followers Content Fit With overflow ending in ellipsis (#2678)
* Issue#2662: Make Followers Content Fit With overflow ending in ellipsis

* Prettified Code!

* Fixed Linting Issue

* Resolved line break issue

---------

Co-authored-by: prachurjya15 <prachurjya15@users.noreply.github.com>
2023-02-04 20:45:31 -08:00
Michael David Kuckuk
840c59b2ac
Use correct cover styling for img tag (#2674) 2023-02-04 10:52:52 -08:00
Gabe Kangas
a50ca4a084
Remove minHeight that is forcing scrolling 2023-02-01 11:06:08 -08:00
Michael David Kuckuk
c6136fc35c
Add noscript for browsers without JS (#2592)
* Make OwncastLogo more versatile

* Add noscript tag

* Commit updated API documentation

* Show all content on vertical overflow

---------

Co-authored-by: Owncast <owncast@owncast.online>
2023-02-01 11:04:24 -08:00
Gabe Kangas
b05ff79cf0
Add loading state for player component 2023-01-31 23:29:03 -08:00
elonyavist
bb16e6170a
Fix/issue 2649/status bar time info (#2657)
* fix: manage singular time units

* fix: manage singular day visibility
2023-01-31 18:46:20 -08:00
Gabe Kangas
23d2a4dab5
Set a diff threshold to header story 2023-01-30 15:33:16 -08:00
Gabe Kangas
d48a61ce62
Increase lower section min height 2023-01-30 00:02:10 -08:00
Gabe Kangas
10baf36bda
Tweak offline banner style for narrow screens 2023-01-29 17:34:09 -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
d057834a20
Tweak font size and family of offline banner 2023-01-29 16:29:12 -08:00
Gabe Kangas
8af332e129
Decrease header height. Add padding. 2023-01-28 19:29:03 -08:00
Gabe Kangas
88281b4814
Do not show title on offline banner + add margin 2023-01-28 19:26:19 -08:00
Gabe Kangas
59aa54ca12
Decrease status bar font weight 2023-01-28 19:26:18 -08:00
Gabe Kangas
7a0d448a26
Add some follower text line break 2023-01-27 14:37:16 -08:00
Gabe Kangas
8b43173681
Slightly improve styling of follower 2023-01-27 14:24:29 -08:00
Gabe Kangas
8bacd776bc
Remove redundant title attribute from header. Closes #2620 2023-01-24 19:43:17 -08:00
Gabe Kangas
56d8f799ab
Remove redundant title attr from image link. Closes #2621 2023-01-24 14:17:08 -08:00
Gabe Kangas
4f7c2926f9
Give status bar a aria role of status. For #1826 2023-01-23 19:39:56 -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
a92175aaed
Fix footer height 2023-01-18 19:18:31 -08:00
Gabe Kangas
f072819e81
Refactor the color customizing admin components 2023-01-18 19:18:31 -08:00
Gabe Kangas
2b46bb5b6d
Make statusbar dark 2023-01-18 19:18:30 -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
Gabe Kangas
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583 2023-01-15 22:31: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
1d58b7fbad
Center column of followers on mobile. Closes #2515 2023-01-12 15:06:02 -08:00
Gabe Kangas
bf3ee58e87
Fix followers collection story 2023-01-12 15:06:02 -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
73fbb4c075
Use header tag 2023-01-10 01:09:49 -08:00
Gabe Kangas
cfaeda94b0
Lazy load more components. #2167 2023-01-10 00:37:12 -08:00
Gabe Kangas
29882f1291
Lazy load tooltip 2023-01-10 00:37:11 -08:00
Gabe Kangas
15747f86dd
Lazy load followers components 2023-01-09 01:08:24 -08:00
Gabe Kangas
e4a02dea91
No reason to use the Image component here 2023-01-08 20:03:06 -08:00
Gabe Kangas
48f7a18419
Do not show followers bg color on mobile 2022-12-29 23:00:23 -08:00
Gabe Kangas
04b0f4548c
Remove duplicate API call + explicitly set loading state 2022-12-29 22:59:53 -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
Jambaldorj Ochirpurev
31a3868216
fix Notify Reminder Popup Design (#2529) 2022-12-29 12:04:28 -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
Shashwat Agrawal
397f940669
Center followers list 2515 (#2520)
* centered the follower

* left-align in desktop devices

Co-authored-by: Shashwat <shashwat>
2022-12-27 22:49:41 -08:00
Rishav Raj
1a9b3f85bb
Footer text wrap solved. (#2508)
* Font size reduced

* Update Footer.module.scss
2022-12-27 12:08:49 -08:00
Gabe Kangas
b55b7a54ea
Specify what element the popup should draw in to fix scrolling. For #2358 2022-12-26 20:05:00 -08:00
André Rusakow
53d3a67533
hide user name in user dropdown on mobile (#2512)
* hide user name in user dropdown on mobile

* truncate title in header

* prettify code

* Add line height to prevent cutting of lower length letters
2022-12-26 14:09:52 -08:00
Gabe Kangas
5c01efd3e2
Wrap title in header tag. Do not allow it to wrap. Closes #2474 #2446 2022-12-24 16:45:45 -08:00
Meisam
d814ff77ac
update SocialLinks module width (#2477) 2022-12-23 13:49:09 -08:00
Gabe Kangas
3d4c26ce39
Fix modal content height. Closes #2070 2022-12-14 23:54:48 -08:00
Gabe Kangas
5951ce527b
Fix typo 2022-12-14 23:54:44 -08:00
Gabe Kangas
e64da8003c
More component selectors for CSS overrides for #2193 2022-12-12 22:54:52 -08:00
Gabe Kangas
660ea10dab
Change loading state. Closes #2248 2022-12-12 19:10:49 -08:00
Gabe Kangas
9317efc253
Fix story using the wrong prop name 2022-12-12 10:30:13 -08:00
Gabe Kangas
c231fd3592
First pass at CSS identifiers + test to verify they are set. For #2193 2022-12-11 21:06:20 -08:00
Gabe Kangas
047e61133a
Reduce the height of the header 2022-12-08 14:35:57 -08:00
Gabe Kangas
4bcfc82a30
Make the push notification modal slightly more correct. Closes #2163 2022-12-05 21:53:14 -08:00