mahmed2000
d9ee7578d1
Rework stream duration string formatting for the status bar ( #3729 )
...
* Use date-fns formatDuration to generate stream duration string
* Remove unneeded pluralize function
2024-05-02 22:03:26 -07:00
Gabe Kangas
805f96e271
fix(web): resolve the status bar duration string. Fixes #3652
2024-03-28 21:18:28 -07:00
renovate[bot]
44eafe69ac
fix(deps): update dependency date-fns to v3 ( #3619 )
...
* fix(deps): update dependency date-fns to v3
* fix(deps): update usage of date-fns format
---------
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2024-03-06 21:13:13 -08:00
kame
4f078e1ee4
Migrated Storybook notation from CSF2 to CSF3 ( #3412 )
...
* Migrate web action-buttons directory to CSF3 notation
* Migrate web chat directory to CSF3 notation
* Migrate web common directory to CSF3 notation
* Migrate web layout directory to CSF3 notation
* Migrate web modals directory to CSF3 notation
* Migrate web ui directory to CSF3 notation
* Migrate web video directory to CSF3 notation
* Migrate web stories directory to CSF3 notation
2023-11-06 19:35:05 -08:00
armadi1809
81c5908545
Set aria-live to off on span responsible for rendering the online message on a stream ( #3361 )
...
Co-authored-by: Aziz Rmadi <azizrmadi@Azizs-MacBook-Air.local>
2023-10-15 19:45:54 -07:00
Gabe Kangas
b1a8f712c0
fix(embed): leave room for status bar in video embed. Closes #3104
2023-06-28 10:13:24 -07:00
Gabe Kangas
ccb9b5d075
chore: run stylelint on our css files
2023-06-20 20:58:00 -07:00
Gabe Kangas
e50b23d081
Cleanup unused Javascript ( #3027 )
...
* chore(js): be stricter about dead code warnings
* chore(js): remove dead code and unused exports
* rebase
* chore: remove unused files
* chore(deps): remove unused prop-types dep
* chore(js): remove unused function
* chore(deps): remove + check unused deps
* chore(js): remove unused exports. Closes #3036
2023-05-20 21:15:25 -07:00
gingervitis
c2a0295a0c
Address some layout issues with odd content spacing on mobile, and footer position ( #3022 )
...
* - set vars for player container height and status bar height
- use them to calculate mobile top spacing to adjust for tab content positioning
* give main content section a min height, place footer absolutely at bottom; rm all the fixed footer styling
* cleanup; restructure tabbed display logic and css a bit
* Prettified Code!
* cleanup
* fix(story): footer story needs to be wrapped in RecoilRoot if it is to use Recoil
* revert adding footer to mobile about section
* prevent double scrolling
---------
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-05-18 12:13:26 -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
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
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
59aa54ca12
Decrease status bar font weight
2023-01-28 19:26:18 -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
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
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583
2023-01-15 22:31:36 -08:00
t1enne
917248fc5b
moved footer to layout. changed some css
2022-10-22 10:46:17 +02:00
t1enne
0ff49f1c32
changed statusbar colors
2022-10-20 20:25:54 +02:00
James Young
d1f3fffe2f
reafctor: normalize component formatting ( #2082 )
...
* refactor: move/rename BanUserButton file
* refactor: move/rename Chart file
* refactor: update generic component filenames to PascalCase
* refactor: update config component filenames to PascalCase
* refactor: update AdminLayout component filename to PascalCase
* refactor: update/move VideoJS component
* chore(eslint): disable bad react/require-default-props rule
* refactor: normalize ActionButton component
* refactor: normalize ActionButtonRow component
* refactor: normalize FollowButton component
* refactor: normalize NotifyButton component
* refactor: normalize ChatActionMessage component
* refactor: normalize ChatContainer component
* refactor: normalize ChatJoinMessage component
* refactor: normalize ChatModerationActionMenu component
* refactor: normalize ChatModerationDetailsModal component
* refactor: normalize ChatModeratorNotification component
* refactor: normalize ChatSocialMessage component
* refactor: normalize ChatSystemMessage component
* refactor: normalize ChatTextField component
* refactor: normalize ChatUserBadge component
* refactor: normalize ChatUserMessage component
* refactor: normalize ContentHeader component
* refactor: normalize OwncastLogo component
* refactor: normalize UserDropdown component
* chore(eslint): modify react/function-component-definition rule
* refactor: normalize CodecSelector component
* refactor: update a bunch of functional components using eslint
* refactor: update a bunch of functional components using eslint, pt2
* refactor: update a bunch of functional components using eslint, pt3
* refactor: replace all component->component default imports with named imports
* refactor: replace all component-stories->component default imports with named imports
* refactor: remove default exports from most components
* chore(eslint): add eslint config files for the components and pages dirs
* fix: use-before-define error in ChatContainer
* Fix ChatContainer import
* Only process .tsx files in Next builds
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-09-07 00:00:28 -07:00
James Young
5ebbbb8bf2
refactor(stories): co-locate stories with components ( #2078 )
...
* refactor: move ActionButton component
* refactor: move BanUserButton component
* refactor: move ChatActionMessage component
* refactor: move ChatContainer component
* refactor: move AuthModal component
* refactor: move BrowserNotifyModal component
* refactor: move ChatUserMessage component
* refactor: move ChatJoinMessage component
* refactor: move ChatTextField component
* refactor: move ChatUserBadge component
* refactor: move FollowerCollection and SingleFollower components
* fix: bad import path
* refactor: move FollowModal component
* refactor: move Modal component
* refactor: move ContentHeader component
* refactor: move ChatSystemMessage component
* refactor: move Header component
* refactor: move Footer component
* refactor: move StatusBar component
* refactor: move OfflineBanner component
* refactor: move OwncastPlayer component
* refactor: move IndieAuthModal component
* refactor: move SocialLinks component
* refactor: move VideoPoster component
* refactor: move FollowModal component
* refactor: move FediAuthModal.tsx component
* refactor: move UserDropdown component
* refactor: move ChatSocialMessage component
* refactor: move Logo component
* refactor: move NotifyReminderPopup component
* refactor: move NameChangeModal component
* refactor: move FatalErrorStateModal component
* refactor: move ChatModeratorNotification component
* refactor: move ChatModerationActionMenu and ChatModerationDetailsModal components
* refactor: move CustomPageContent component
* refactor: move storybook Introduction file
* refactor: update storybook story import path
* refactor: move storybook preview styles
* refactor: move storybook doc pages
* refactor: move Color and ImageAsset components
* fix: bad import path
* fix: bad import path in story file
2022-09-03 11:38:52 -07:00
gingervitis
d5fa81f76e
Draft: rough-ish draft of proposed color theme changes ( #2067 )
...
* color experimentation and troubleshooting
* create color scheme, assign colors, more ant overrides
* fun selection color
* Prettified Code!
* Correctly import opensans
* Prettified Code!
* Organize+standardize colors/names and update the app to use them
* Prettified Code!
* Use css var references instead of resolving value of vars in css files
* Prettified Code!
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-08-29 23:17:12 -07:00
t1enne
efbe6907ac
Reworked mobile UI for some components
2022-07-08 22:20:22 +02:00
t1enne
ffc73f2760
Added chat tab on mobile layouts and other changes to mobile UI
2022-07-08 09:10:18 +02:00
Gabe Kangas
b08393295f
Add option to hide viewer count. Closes #1939
2022-06-26 00:46:55 -07:00
Gabe Kangas
db184c74dd
Comment out the old ant overrides and try to make colors match design
2022-05-26 22:25:44 -07:00
Gabe Kangas
f6eeee2463
Use icon instead of the word viewers
2022-05-16 23:20:56 -07:00
Gabe Kangas
72c01e1b9a
Fix web project build errors
2022-05-11 23:31:31 -07:00
Gabe Kangas
ff6886575f
Add player poster
2022-05-10 15:36:09 -07:00
Gabe Kangas
2a8b474fa1
Format status bar text
2022-05-08 20:41:26 -07:00
Gabe Kangas
f835ae5086
Add action buttons and status bar
2022-05-07 16:13:06 -07:00
