* restyle and relayout embed screen to account for smaller screen displays.
- address https://github.com/owncast/owncast/issues/3683 to address overflow issues
- address https://github.com/owncast/owncast/issues/4051 to move the name of the stream
* Javascript formatting autofixes
* clean up; restore package lock
* accommodate cases when there's no follow option; put follow form on one line, but wrap if need
* clean up
* separate out follow form into separate standalone component to be used in multiple places
* improve follow error styling; rm defaultProps for Modal to get rid of warning
* improve styling of follow form and components for legibility
* prettyify scss
* prettyify scss again
* one more time
* prettify ant file
* simplify layout, center everything
* just use gap
* tweak and lint
* lint, again
---------
Co-authored-by: Owncast <owncast@owncast.online>
* update package scripts to include prettifying scss files and stylelint-ing; fix related issues found from stylelinter
* revert old prettier autofix
* lint
---------
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
* don't display chat button or modal if isModal is true. dont display the show/hide chat option in the userdropedown for tablet sizes either. tweak chat button styles and make chat button bg the same as the chat component bg color.
* only show chat button if online
* fix(chat): chat should be available through 5min buffer period. Fixes#3044
* fix(test): update mobile test
---------
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
* quick fix for mobile menu button overlap
* - use new dynamic vh css prop to handle ios safari double scrolling
- only force tabs height when online
* cleanup
* add comment
* - 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>
* 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>
* - mock detect when user turns into moderator
- add moderator indicator to display on messages and username changer
* also mock moderator flag in message payload about user to display indicator
* add some menu looking icons and a menu of actions
* WIP chat moderators
* Add support for admin promoting a user to moderator
* WIP-
open a more info panel of user+message info; add some a11y to buttons
* style the details panel
* adjust positioning of menus
* Merge fixes. ChatClient->Client ChatServer->Server
* Remove moderator bool placeholders to use real state
* Support inline hiding of messages by moderators
* Support inline banning of chat users
* Cleanup linter warnings
* Puppeteer tests fail after typing take place
* Manually resolve conflicts in chat between moderator feature and develop
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
- Also, disable global CSS transition animations for now. If we want to add transitions onto anything, we can target specific elements and add styles individually intead.
* A fix for issue https://github.com/owncast/owncast/issues/770
- merge CPU slider functionality into main video variant form
- move slider constants into contants file for consistency and to reduce clutter on variant form file
* disable other forms and add a notice about vieo passthrough enabling
* Prettified Code!
* Tweak message text
* 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>
- give main content a fixed width so really wide forms dont look that funny
- fix to make markdown editor preview text black to address https://github.com/owncast/owncast/issues/726
* tweaks to offline state in admin viewers page
If stream is offline, hide current viewers statistic and viewers table.
Also, change wording for describing max viewers.
* take out ant dark stylesheet, organize ant color overrides
* remove ant dark css; cleanup ant overrides; format public-detail page
* combine toggleswitch component style with textfield so layout can be shared
* fix toggleswitch status message placement
* - update styles for modals, collapses
- move reset dir into its own component
- assorted style cleanups ans consistencies
* hide entire advanced section for resetyp if no yp
* temp adjustments to video modal
* temp comment out toggle switch use for later'
* address PR comments
* lint
* update type
* allow warnings during lint
Co-authored-by: nebunez <uoj2y7wak869@opayq.net>
