Commit graph

240 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
Gabe Kangas
6b6baae0ca
fix(ui): set explicit background for collapse item headers. Closes #3010 2023-05-31 17:01:31 -07:00
gingervitis
4703a64878
address doublescroll #3028 (#3035)
* 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
2023-05-21 14:11:53 -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
Gabe Kangas
dc501fec9b
fix(ui): fix modal header color on non-custom modal components 2023-05-07 10:42:20 -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
Nathan
32c3f6a9b6
fix: #2668 Page Vertical Spacing Issues (#2863)
* fix: #2668 Page Vertical Spacing Issues

* Update test to reflect mobile work

* chore: refactor action buttons

---------

Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-04-26 15:31:23 -07:00
Gabe Kangas
951d05637f
feat(ui): decrease padding in tabs 2023-04-26 09:48:22 -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
gabek
a67f5d7a74 Prettified Code! 2023-04-23 01:08:08 +00:00
Gabe Kangas
c1086aa5a2
feat(font): change opensans to inter font 2023-04-22 18:05:35 -07:00
Bennett B Madavana
49420822f5
Fixed #2758 (#2914)
* Fixed #2758

* Prettified Code!

* Merge branch 'develop' of https://github.com/bennett1412/owncast into issue-#2758-fix

* Fixed prop value in chart component

* Prettified Code!

* Updated chart download button position

* Fixed linting errors

---------

Co-authored-by: bennett1412 <bennett1412@users.noreply.github.com>
2023-04-15 11:31:20 -07:00
Gabe Kangas
bc1fec0228
Use correct link hover color. Closes #2888 2023-03-31 21:56:59 -07:00
gabek
9572c164d4 Prettified Code! 2023-04-01 04:48:57 +00:00
Gabe Kangas
7108c41085
Use action color for live video indicator. Closes #2890 2023-03-31 21:46:57 -07:00
Pranav Joglekar
f6a2e8d3a2
UI: Make the Admin menu sidebar colors on hover consistent (#2778)
* ui: overwrite default antd menu-item hover colors for consistency

* ui fix: make the hover color of icon and text consistent in admin sidebar

* fix: make the 'followers'  menuitem icon consistent with other sidebar icons
2023-03-05 20:46:31 -08:00
Gabe Kangas
d2cae250f5
Make number input fields have correct background color. Closes #2768 2023-03-05 16:13:07 -08:00
Gabe Kangas
60f5b41a3d
Fix the incorrect header spacing across all text 2023-02-13 22:00:53 -08:00
Gabe Kangas
caa0bb608d
Remove references to variables.scss and replace colors 2023-01-31 21:23:05 -08:00
gabek
bde0688dad Prettified Code! 2023-01-31 19:48:07 +00:00
Gabe Kangas
695efa9d6b
Remove some deprecated css+variables 2023-01-31 11:46:48 -08:00
gabek
80baf58fdd Prettified Code! 2023-01-29 22:26:17 +00:00
Gabe Kangas
b7bc176dbf
Change another user display color to meet a11y requirements 2023-01-29 14:13:12 -08:00
Gabe Kangas
42fbe314f2
Tweak color to be meet a11y requirements 2023-01-29 14:04:37 -08:00
Gabe Kangas
8af332e129
Decrease header height. Add padding. 2023-01-28 19:29:03 -08:00
Gabe Kangas
c352e4a9c1
Change chat user display colors to meet a11y guidelines 2023-01-28 17:29:56 -08:00
gabek
b5da71c9da Prettified Code! 2023-01-25 02:52:35 +00:00
Gabe Kangas
11f59dc726
Regenerate styles 2023-01-24 18:51:11 -08:00
gabek
700509922f Prettified Code! 2023-01-21 07:24:38 +00:00
Gabe Kangas
8c5a334a09
Fix customized button border color 2023-01-20 23:22:49 -08:00
Gabe Kangas
195cf0fbdd
Lower popover z-index to render below modals 2023-01-19 19:20:07 -08:00
Gabe Kangas
4809e6eb0f
Reduce weight of tab text 2023-01-18 19:26:31 -08:00
gabek
1991c66325 Prettified Code! 2023-01-19 03:20:37 +00:00
Gabe Kangas
a6bcabebbf
Make chat background dark 2023-01-18 19:18:32 -08:00
Gabe Kangas
2b46bb5b6d
Make statusbar dark 2023-01-18 19:18:30 -08:00
Gabe Kangas
12eb0eed1d
Support customizing button border color 2023-01-18 19:18:30 -08:00
Gabe Kangas
a1a3272031
Hide scrollbars 2023-01-18 19:18:29 -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
3b1a8828bb
Tweak modal drop shadow 2022-12-21 17:35:36 -08:00
gabek
ce4293891a Prettified Code! 2022-12-21 07:57:09 +00:00
Gabe Kangas
c9768bd8f8
Add appearance setting for rounded corners. Closes #2471 2022-12-20 23:55:07 -08:00
Gabe Kangas
aa5d5fc32d
Some admin related appearance tweaks. For working on #1904 2022-12-16 17:35:03 -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