Commit graph

79 commits

Author SHA1 Message Date
janWilejan
c00b0be3d4
fix emojis overflowing the chat message (#3228)
* fix emojis overflowing the chat message

* fix: force ignoring of certain paths?

---------

Co-authored-by: janWilejan <>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-08-02 12:29:25 -07:00
janWilejan
3f4887020d
Add resize handle to chat (#3157)
* add resize handle to chat

* Add chat resize functionality

* window resize only causes chat resize on desktop

* fix parseFloat invocation

* desktop is optional attribute of ChatContainer

---------

Co-authored-by: janWilejan <>
2023-07-10 23:00:28 -07:00
janWilejan
2d72935564
change chat from a sidebar to a column (#3113)
* change chat from a sidebar to a column

Using a 2-column layout prevents the chat scrollbar from overlapping the page
scrollbar. Also, it no longer needs to calculate extra padding for elements.

* remove unused Sidebar.tsx

* fix css for chat column

* re-center "Go to last message" button

* main content column always uses maximum height

* lint

* re-hide scrollbars in mainContent on chromium

* fix chat column width when input is over-full

* chat is only fixed-width in desktop

---------

Co-authored-by: janWilejan <>
2023-07-09 14:07:35 -07:00
John Regan
58bc3ac173
emoji: display native emoji simiarly to custom (#3147) 2023-07-06 12:47:38 -07:00
Gabe Kangas
ccb9b5d075
chore: run stylelint on our css files 2023-06-20 20:58:00 -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
Nathan
04848c1d8c
fix:#2954-player-gets-cut-off-vertically (#2987)
* fix:#2954-player-gets-cut-off-vertically

* Use header-height variable everywhere

---------

Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-05-05 11:10:28 -07:00
Gabe Kangas
f0dbfbd0d5
fix(ui): re-hide scroll bars. closes #2981 2023-05-04 10:52:54 -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
Gabe Kangas
c1086aa5a2
feat(font): change opensans to inter font 2023-04-22 18:05:35 -07:00
Gabe Kangas
bc1fec0228
Use correct link hover color. Closes #2888 2023-03-31 21:56:59 -07:00
Gabe Kangas
60f5b41a3d
Fix the incorrect header spacing across all text 2023-02-13 22:00:53 -08:00
Gabe Kangas
8af332e129
Decrease header height. Add padding. 2023-01-28 19:29:03 -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
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
Gabe Kangas
047e61133a
Reduce the height of the header 2022-12-08 14:35:57 -08:00
Gabe Kangas
0c3d3f1c17
Move footer to not be sticky. Closes #2288 2022-12-05 21:04:59 -08:00
t1enne
917248fc5b moved footer to layout. changed some css 2022-10-22 10:46:17 +02:00
t1enne
f0a2900f01 increased font size on mobile 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
t1enne
683399c340 Removed fixed *px sizes in favor or *rem 2022-09-19 22:04:58 +02:00
Gabe Kangas
20ea5d051f
Clean up some styles and fix mobile rendering 2022-09-09 23:23:24 -07:00
Gabe Kangas
121c9415f1
Wire up emoji+custom emote selector to text input. Closes #1887 2022-09-06 17:52:09 -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
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
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
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
72c01e1b9a
Fix web project build errors 2022-05-11 23:31:31 -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
Gabe Kangas
be441ae530 Add inter font to project 2022-04-25 15:52:39 -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
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
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
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
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
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
Thilo Billerbeck
2e2b730b85 added stream conneciton info box to offline notice (#107) 2021-04-08 19:22:46 -07:00