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
Pranav Joglekar
eb2c11b077
fix followers: align the followers to the left ( #2211 )
...
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-10-16 23:18:05 -07: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
e3c038f48d
Revert "fix notification reminder popup -> purple background ( #2209 )"
...
This reverts commit ab573f67e9
2022-10-16 22:49:43 -07:00
