LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

fix:#2954-player-gets-cut-off-vertically (#2987)

Browse Source 
* 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>
This commit is contained in:
Nathan 2023-05-05 19:10:28 +01:00 committed by GitHub
parent d3d8a72aef
commit 04848c1d8c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/layouts/Main/Main.module.scss
View File

@ -2,7 +2,7 @@
.layout { .layout {
// this margin is for fixed header // this margin is for fixed header
margin-top: 55px; margin-top: var(--header-height);
background-color: var(--theme-color-main-background); background-color: var(--theme-color-main-background);
@include screen(tablet) { @include screen(tablet) {
position: absolute; position: absolute;

1
web/components/ui/Header/Header.module.scss
View File

@ -19,7 +19,6 @@
} }
// fixes header on tablet and below // fixes header on tablet and below
@include screen(tablet) { @include screen(tablet) {
--header-height: 3.85rem;
position: fixed; position: fixed;
top: 0px; top: 0px;
width: 100%; width: 100%;

6
web/styles/globals.scss
View File

@ -9,7 +9,7 @@
:root { :root {
--content-padding: 0.95rem; --content-padding: 0.95rem;
--module-spacing: 12px; // margin size between lines of stuff, if needed --module-spacing: 12px; // margin size between lines of stuff, if needed
--header-height: 4.3rem; // needed for making main content scrollable; --header-height: 70px; // needed for making main content scrollable;
--footer-height: 2.5rem; // needed for making main content scrollable; --footer-height: 2.5rem; // needed for making main content scrollable;
--content-height: calc(100vh - var(--header-height)); --content-height: calc(100vh - var(--header-height));
--replacement-bar-height: 46px; // needed for making main content scrollable on mobile; --replacement-bar-height: 46px; // needed for making main content scrollable on mobile;
@ -19,6 +19,10 @@
--chat-notification-icon-padding: 6px; --chat-notification-icon-padding: 6px;
--chat-message-padding: 10px; --chat-message-padding: 10px;
--chat-text-highlight-border-radius: 3px; --chat-text-highlight-border-radius: 3px;
@include screen(tablet) {
--header-height: 3.85rem;
}
} }
::selection { ::selection {