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
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
Americo Barros
a8fea0df80
Fix URL Modal scrolling and size ( #2410 )
...
* Change iframe style to block
- this removes the double scrollbar issue that was occurring
* Change and Add default modal sizes
2022-12-05 19:42:08 -08:00
Philipp
56a3f350ee
Chat name & color modal ( #2347 )
...
* Improve name & color change modal design
* Resend user info after color change
That way the name change dialog shows the correct
color when opening it the next time
* Name change modal: allow overflow of color picker
* Allow submitting form only if button is enabled
* Prettified Code!
* Make button & text input same height
Co-authored-by: xarantolus <xarantolus@users.noreply.github.com>
2022-11-23 10:52:39 -08:00
Gabe Kangas
67121426a5
Fire action in story when button is pressed
2022-11-18 17:10:14 -08:00
Gabe Kangas
18d92dbe9d
Wire up follower empty state. Closes #1913
2022-11-17 21:32:26 -08:00
Gabe Kangas
5020152a47
Use button color for notification popup
2022-11-17 20:41:02 -08:00
Gabe Kangas
d3ab62a98b
Fix footer link colors
2022-11-13 12:39:20 -08:00
Gabe Kangas
769f05db2c
Allow for custom scrollbar styling
2022-11-13 12:37:31 -08:00
Gabe Kangas
813f8692f0
Support color customization from the admin ( #2338 )
...
* Add user-customizable theming. Closes #1915
* Prettified Code!
* Add user-customizable theming. Closes #1915
* Add explicit color for page content background
* Prettified Code!
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-11-12 20:26:55 -08:00
Gabe Kangas
352447e3d4
Web UI frontend automated browser tests ( #2223 )
...
* First pass at basic browser tests for #1926
* Run tests against dev web server not go server
* Bundle the web code into the server before running tests
* Move cypress UI tests into its own npm project + add tests
* Add additional tests + wire up with cypress dashboard
* Limit concurrency of workflow jobs
* Temporarily comment out some tests that do not pass in mobile. Will fix later.
2022-11-04 20:04:13 -07:00
Gabe Kangas
a89bceea37
Do not show empty state when loading followers. Closes #2249
2022-11-01 21:10:55 -07:00
Gabe Kangas
628d70e37c
Add rel=me to social links. Closes #2269
2022-10-28 20:16:30 -07: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
65fcbb9d3f
Use Next Image component for social links
2022-10-28 12:19:38 -07:00
Matthew Heller
8d222860f0
On narrow screens, bump the footer links to a second row. Re #2260 . ( #2267 )
...
* On narrow screens, bump the footer links to a second row. Re #2260 . Thanks to @kittee for CSS assistance.
* Prettified Code!
Co-authored-by: heller <heller@users.noreply.github.com>
2022-10-26 15:23:49 -07:00
Matthew Heller
125343808d
Fix display of auth modal. Re #2262 . ( #2265 )
2022-10-26 14:35:46 -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
5e761b13c4
Fix storybook build
2022-10-20 19:48:00 -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
0ff49f1c32
changed statusbar colors
2022-10-20 20:25:54 +02:00
t1enne
ecfb4a4c53
fixed mobile ui overflowing
2022-10-20 20:25:54 +02:00
Matthew Heller
b8ce91d39a
Coerce the iframe to fill the Modal a little better. ( #2229 )
2022-10-19 15:44:24 -07:00
Gabe Kangas
de90e6a74c
Fix some broken social icons in frontend and admin
2022-10-18 23:38:26 -07:00
Mahlangu
ad188f2742
fix purple background color for notification reminder pop up & fix failing build ( #2224 )
...
* fix notification reminder popup -> purple background
* Prettified Code!
* resolved color to color variables
* Prettified Code!
* fix purple bgcolor for notification reminder popp up & fix failing build
Co-authored-by: unclebinary1001 <unclebinary1001@users.noreply.github.com>
2022-10-17 21:54:26 -07:00
