Commit graph

237 commits

Author SHA1 Message Date
Gabe Kangas
2667614ce0
Change bright yellow chat user color 2022-11-13 12:52:24 -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
Matthew Heller
125343808d
Fix display of auth modal. Re #2262. (#2265) 2022-10-26 14:35:46 -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
t1enne
283d6ce081 overrides for enabling scrolling inside tabs 2022-10-20 21:53:31 +02:00
t1enne
f0a2900f01 increased font size on mobile 2022-10-20 20:25:54 +02:00
t1enne
ecfb4a4c53 fixed mobile ui overflowing 2022-10-20 20:25:54 +02:00
Pranav Joglekar
80f1578142
fix ui: make navbar cover whole width of page (#2213)
Previously, there was a large url on the page, and the a tag did not
have word break property set - which resulted in the browser trying to
display the whole page with increased width. Allowing the a tag to have
a word break fixes this issue.
2022-10-15 13:20:39 -07:00
gabek
6c903dea74 Prettified Code! 2022-10-11 00:17:19 +00:00
Gabe Kangas
83fb88ad70
Use the new light background color for chat bg color 2022-10-10 17:15:48 -07:00
Gabe Kangas
4c13c3618d
Remove admin stylesheets from loading with app. Closes #2183 2022-10-10 13:31:37 -07:00
gabek
370eb60cc4 Prettified Code! 2022-10-10 01:43:24 +00:00
Gabe Kangas
34a5104a6d
Add and use additional light background color for custom page content 2022-10-09 18:41:52 -07:00
gabek
4e4bbb8bd3 Prettified Code! 2022-10-08 23:53:03 +00:00
Gabe Kangas
ded47a0c25
Make live indicator use our theme colors. For #1899 2022-10-08 16:51:49 -07:00
t1enne
a9f97346a7 added chat bg variable and updated bg color to match design 2022-09-30 09:56:10 +02:00
t1enne
683399c340 Removed fixed *px sizes in favor or *rem 2022-09-19 22:04:58 +02:00
gabek
5c1d7fd15d Prettified Code! 2022-09-11 05:39:40 +00:00
Gabe Kangas
d7a5364c40
Fix modal close icon color 2022-09-10 22:33:49 -07:00
Gabe Kangas
a17a364e04
Change tabs separator color. Closes #2099 2022-09-10 22:19:32 -07:00
gabek
c98872c698 Prettified Code! 2022-09-11 01:49:52 +00:00
Gabe Kangas
13167c331b
Additional style tweaks 2022-09-10 18:48:32 -07:00
Gabe Kangas
5b29abd42d
Some additional style overrides 2022-09-10 18:08:56 -07:00
Gabe Kangas
20ea5d051f
Clean up some styles and fix mobile rendering 2022-09-09 23:23:24 -07:00
Gabe Kangas
b966babf64
Point to light ant styles by default 2022-09-08 21:44:06 -07:00
Gabe Kangas
121c9415f1
Wire up emoji+custom emote selector to text input. Closes #1887 2022-09-06 17:52:09 -07:00
Gabe Kangas
e0926b9350
Set modal header font 2022-09-01 19:37:21 -07:00
gabek
70ef1e0e98 Prettified Code! 2022-08-30 17:59:04 +00:00
Gabe Kangas
ef30ddc892
Fix font not being defined 2022-08-30 10:58:26 -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
gabek
4a25082167 Prettified Code! 2022-08-16 03:30:40 +00:00
Gabe Kangas
8eb3762056
Standardize color ids 2022-08-15 20:30:05 -07:00
gabek
ef56827bf2 Prettified Code! 2022-08-14 18:45:37 +00:00
Gabe Kangas
9e5ff5f35c
Regenerate styles 2022-08-14 11:45:01 -07:00
gabek
2bf7eb8c22 Prettified Code! 2022-08-10 02:58:09 +00:00
Gabe Kangas
68414445c2
Add support for changing user color in name modal. Closes #1805 2022-08-09 19:56:45 -07:00
Gabe Kangas
9a2a43d916
Add moderator status chat message. Closes #1999 2022-07-14 20:36:47 -07:00
Gabe Kangas
678d5c9fd6
Move statusbar back to under the player 2022-07-12 14:30:21 -07:00
Gabe Kangas
9cdc3b99f2
Fix var name 2022-07-12 14:30:21 -07:00
gabek
594507ad14 Prettified Code! 2022-07-12 20:16:59 +00:00
Gabe Kangas
662ba32f3a
Fix components having transparent backgrounds because colors are unset 2022-07-12 13:16:22 -07:00
Gabe Kangas
255585cd9f
Update components to use the new style/color names 2022-07-10 16:45:19 -07:00
Gabe Kangas
9ec1d75d32
Recreate theme variables with new style values 2022-07-10 16:45:17 -07:00
t1enne
b39c84747d Prettified Code! 2022-07-10 07:01:29 +00:00
t1enne
f130abb8f9 Minor styling changes 2022-07-10 09:00:29 +02: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
t1enne
4fcdfdc730 clamp to determine font-size on the body 2022-07-03 12:35:42 +02:00
t1enne
26f9a41508 Few changes to chat
Added moderator icon

changed styling for a name change message

Now usernames collapse as long as the user is the same

Imported two weights of Poppins and the OpenSans variable instead of def
400

This is some progress on #1859 and #1625
2022-07-02 09:08:36 +02:00
t1enne
e6cc3a39d1 Added moderator menu to messages and some other styling.
created new ant overrides file.

Ignore the static directory
2022-07-01 22:53:56 +02:00
Gabe Kangas
1cf90fb581
Add fonts to global css file 2022-07-01 13:21:02 -07:00
Gabe Kangas
aec65af87d
Use a numbered pre-named set of user colors instead of random. Closes #1974 2022-06-28 19:01:47 -07:00
Gabe Kangas
b7df2949e4
Remove interfont and use Open Sans + Poppins fonts instead. #1625 2022-06-24 16:27:45 -07:00
Gabe Kangas
24738d7410
I cannot deal with the purple modals anymore 2022-05-27 14:43:43 -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
t1enne
b53c1cc32e Changed button hover and focus color 2022-05-22 14:41:09 +02:00
t1enne
3c72114d5e Changed some button and dropdown overrides 2022-05-22 14:17:26 +02:00
Gabe Kangas
f6525412c8
Fix typo + var defined in generated file 2022-05-17 17:58:06 -07:00
t1enne
b6aa20b0aa worked on chat styling 2022-05-17 16:36:07 +02:00
t1enne
a69ec7511a Changed Layout a bit
now we use less state for the layout. Chat and header are now sticky.
Moved some css vars.
2022-05-17 08:41:39 +02:00
Gabe Kangas
528ae4c1ad
Add logo component and social links 2022-05-16 21:44:09 -07:00
Gabe Kangas
a1c06ec9de
Add notification reminder popup component 2022-05-16 20:08:22 -07:00
Gabe Kangas
72c01e1b9a
Fix web project build errors 2022-05-11 23:31:31 -07:00
Gabe Kangas
92a1da4df6
Add custom Modal component 2022-05-09 15:34:02 -07:00
t1enne
d5145942bd Closed ending bracket 2022-05-08 09:38:42 +02:00
Gabe Kangas
f835ae5086
Add action buttons and status bar 2022-05-07 16:13:06 -07:00
Gabe Kangas
448c23d097
Use some style values so it looks like this page is making progress 2022-05-07 10:25:04 -07:00
Gabe Kangas
f7a03705a8
Use the generated style variables 2022-05-07 00:36:57 -07:00
t1enne
2cfb336411 Added mobile chat and some responsiveness
weird 0 popping out when toggling chat. wasn't able to find which
component is responsible. Used bare mininum scss. May refactor in the
future.
2022-05-04 09:55:44 +02:00
gabek
75354527f6 Prettified Code! 2022-04-25 15:52:39 -07:00
Gabe Kangas
be441ae530 Add inter font to project 2022-04-25 15:52:39 -07:00
gabek
80b31af253 Prettified Code! 2022-04-25 15:52:39 -07:00
Gabe Kangas
e49948a215 Add colors to storybook 2022-04-25 15:52:39 -07:00
Gabe Kangas
3ce6fd4cb3 Add support for less variables and using a custom theme 2022-04-25 15:52:38 -07:00
funkyhippo
f625c31279 Fixes and enhancements to the client table. (#468)
* Fix sorting and order for name.

* Add the ability to sort display names.

* Remove no-unstable-nested-components rule.

* Use includes() rather than startsWith() for better 'searching' semantics.
2022-04-23 09:37:28 -07:00
Gabe Kangas
8ad2240247 Mange outbound notification settings (#458)
* ActivityPub admin pages for configuration

* Fix dev build

* Add support for requiring follow approval. Closes https://github.com/owncast/owncast/issues/1208

* Point at admin version of followers endpoint

* Add setting for toggling displaying fediverse engagement in admin. https://github.com/owncast/owncast/issues/1404

* Add instance URL textfield to federation config and disable federation if it is empty

* If instance URL is not https disable federation

* Tweak federation toggle text. Make go live message optional

* Add federation info modal. Closes https://github.com/owncast/owncast/issues/1544

* Add support for blocked federated domains. For https://github.com/owncast/owncast/issues/1209

* Simplify fediverse post input

* Add placeholder Fediverse icon

* Tweak federation logo in admin menu. Closes https://github.com/owncast/owncast/issues/1603

* Add global button for composing a fediverse post.

Closes https://github.com/owncast/owncast/issues/1610

* Federation -> Social

* Add page for listing federated actions. Closes https://github.com/owncast/owncast/issues/1573

* Auto-close social post modal after success

* Make user modal action buttons look nicer

* Center and reduce width and center count column. Closes https://github.com/owncast/owncast/issues/1580

* Update the followers table to be clearer

* Fix exception thrown when passing undefined

* Disable federation settings if feature is disabled

* Update enable social modal. For https://github.com/owncast/owncast/issues/1594

* Fix type props

* Quiet, linter

* Move compose button to the left

* Add tooltip for compose button

* Add NSFW toggle to federation config. Closes https://github.com/owncast/owncast/issues/1628

* Add support for blocking/removing followers. For https://github.com/owncast/owncast/issues/1630

* Allow editing the server url field even when federation is disabled

* Continue to update the copy around the social features

* Use relative path to action images. Fixes https://github.com/owncast/owncast/issues/1646

* Link IRIs and make action verbse present tense

* Update caniuse

* Notifications configuration UI

* Remove twilio add email notifications

* WIP email support

* Add support for managing twitter notifications

* Mark fields as passwords

* Continued WIP

* Post merge cleanup

* Cleanup

* Remove email config. Handle disabled notifications state

* Remove email related components

* Remove email related settings properties
2022-03-23 08:57:09 -07:00
Gabe Kangas
1ce2ee398c Admin UI for playback metrics. For https://github.com/owncast/owncast/issues/793 (#462) 2022-03-16 17:54:34 -07:00
Gabe Kangas
ebe5558d58 Fix error created by a non-menu item inside a menu 2022-03-07 15:59:58 -08:00
gabek
a6b368ead5 Prettified Code! 2022-01-12 21:53:03 +00:00
Gabe Kangas
084a01fb02 Admin social features (#408)
* ActivityPub admin pages for configuration

* Fix dev build

* Add support for requiring follow approval. Closes https://github.com/owncast/owncast/issues/1208

* Point at admin version of followers endpoint

* Add setting for toggling displaying fediverse engagement in admin. https://github.com/owncast/owncast/issues/1404

* Add instance URL textfield to federation config and disable federation if it is empty

* If instance URL is not https disable federation

* Tweak federation toggle text. Make go live message optional

* Add federation info modal. Closes https://github.com/owncast/owncast/issues/1544

* Add support for blocked federated domains. For https://github.com/owncast/owncast/issues/1209

* Simplify fediverse post input

* Add placeholder Fediverse icon

* Tweak federation logo in admin menu. Closes https://github.com/owncast/owncast/issues/1603

* Add global button for composing a fediverse post.

Closes https://github.com/owncast/owncast/issues/1610

* Federation -> Social

* Add page for listing federated actions. Closes https://github.com/owncast/owncast/issues/1573

* Auto-close social post modal after success

* Make user modal action buttons look nicer

* Center and reduce width and center count column. Closes https://github.com/owncast/owncast/issues/1580

* Update the followers table to be clearer

* Fix exception thrown when passing undefined

* Disable federation settings if feature is disabled

* Update enable social modal. For https://github.com/owncast/owncast/issues/1594

* Fix type props

* Quiet, linter

* Move compose button to the left

* Add tooltip for compose button

* Add NSFW toggle to federation config. Closes https://github.com/owncast/owncast/issues/1628

* Add support for blocking/removing followers. For https://github.com/owncast/owncast/issues/1630

* Allow editing the server url field even when federation is disabled

* Continue to update the copy around the social features

* Use relative path to action images. Fixes https://github.com/owncast/owncast/issues/1646

* Link IRIs and make action verbse present tense

* Update caniuse
2022-01-12 13:52:37 -08:00
Jannik
030b936f05 feat: add option to save custom username suggestions (#415)
* 💄 add option to save custom username suggestions that shall be used instead of the docker style usernames.

* 🚸 add minimum of 10 usernames / update wording

* Prettified Code!

* 🚸 add message for the default name generator / indicate that no further action is required

Co-authored-by: jeyemwey <jeyemwey@users.noreply.github.com>
2022-01-12 10:17:14 -08:00
gabek
3a55fc467d Prettified Code! 2021-11-13 05:29:01 +00:00
Gabe Kangas
6de509f723 Split up user lists into tabs 2021-11-12 21:28:29 -08:00
Meisam
b98c8b1876 fix black-on-black text (#270) 2021-08-10 12:13:11 -07:00
Gabe Kangas
6ce927a854 Update the "Forbidden usernames" UI (#259)
* Add new component for adding/removing forbidden name strings. Closes https://github.com/owncast/owncast/issues/1230

* make editing string styling shareable and consistent with tag editor

* Prettified Code!

Co-authored-by: gingervitis <omqmail@gmail.com>
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
2021-07-25 22:12:50 -07:00
Gabe Kangas
b10ba1dcc2 Admin support for managing users (#245)
* First pass at displaying user data in admin

* Hide chat blurb on home page if chat is disabled

* Hide sidebar chat section if chat is disabled

* Block/unblock user interface for https://github.com/owncast/owncast/issues/1096

* Simplify past display name handling

* Updates to reflect the api access token change

* Update paths

* Clean up the new access token page

* Fix linter

* Update linter workflow action

* Cleanup

* Fix exception rendering table row

* Commit next-env file that seems to be required with next 11

* chat refactor - admin adjustments (#250)

* add useragent parser; clean up some html;

* some ui changes
- use modal instead of popover to confirm block/unblock user
- update styles, table styles for consistency
- rename some user/chat labels in nav and content

* format user info modal a bit

* add some sort of mild treatment and delay while processing ban of users

* rename button to 'ban'

* add some notes

* Prettified Code!

* fix disableChat toggle for nav bar

* Support sorting the disabled user list

* Fix linter error around table sorting

* No longer restoring messages on unban so change message prompt

* Standardize on forbiddenUsername terminology

* The linter broke the webhooks page. Fixed it. Linter is probably pissed.

* Move chat welcome message to chat config

* Other submenus don't have icons so remove these ones

Co-authored-by: gingervitis <omqmail@gmail.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
2021-07-19 22:02:02 -07:00
Meisam
54932f533c override selected table background (#252) 2021-07-19 17:51:28 -07:00
Thilo Billerbeck
51b3fc1f76 rework stream info box in offline notice to conform more with the overall design (#196)
* rework stream info field to conform with the offline page layout

* moved offline notice css to separate file

* used ant design bold text option
2021-05-27 15:58:31 -07:00
gingervitis
4d5b12cb15 use full width of screen instead of limiting admin content to max-width 2021-05-22 23:57:49 -07:00
gabek
5371559c74 Prettified Code! 2021-05-23 06:28:21 +00:00
gingervitis
d0eb1446f3 fixes for various admin issues (#181)
* up max char count for variant name to fix https://github.com/owncast/owncast/issues/1037

* max widthing the line chart canvas size so it scales with the page.
fixes
- https://github.com/owncast/owncast/issues/842
- https://github.com/owncast/owncast/issues/1024

* A fix to make Storage Endpoint URL validation have better feedback.

- give the field a type of "url"
- give the field a pattern to check
- have native browser handle the validation
- if the field is invalid, use :invalid selector to turn the text red on blur.

fixes: https://github.com/owncast/owncast/issues/1000

* a fix for https://github.com/owncast/owncast/issues/874

* - fixes for https://github.com/owncast/owncast/issues/972
Add optional prop to text field to trim() whitespaces from field. Apply logic to mostly url fields.

- move textfield blur if invalid turn red to globaal

* - a fix for bug:  https://github.com/owncast/owncast/issues/998
don't return null if platform name not found because its custom.

- clean up react key problem on socialhandles table

* fix react key issue on Actions table

* fix for https://github.com/owncast/owncast/issues/1008 to display 'other' field when editing an item not in predefined social list

* clean up other potential react key warnings

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
2021-05-22 23:27:51 -07:00
gabek
8b8bf3127b Prettified Code! 2021-04-20 01:25:52 +00:00
Gabe Kangas
3989f7d49f Remove collapse and shrink text a bit since it can be too big on longer urls 2021-04-19 18:24:04 -07:00
Gabe Kangas
2a5d8d37d0 Layout and text around codec selection 2021-04-13 13:54:58 -07:00
gingervitis
0efc09bb72 add textarea field for custom css (#113)
* add textarea field for custom css

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
2021-04-12 00:07:08 -07:00
Thilo Billerbeck
2e2b730b85 added stream conneciton info box to offline notice (#107) 2021-04-08 19:22:46 -07:00
gingervitis
2c86fa34fd add news feed (#99)
* add news feed

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
2021-04-03 21:25:21 -07:00
Gabe Kangas
9602538098 Truncate url and limit width of social content (#89)
* Truncate and limit width of social list. closes https://github.com/owncast/owncast/issues/845

* Remove new class and allow text to wrap in existing css class
2021-03-27 16:38:27 -07:00