mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-26 14:56:14 +03:00
Code Issues Projects Releases Packages Wiki Activity
owncast/web/components/ui/Statusbar/Statusbar.module.scss

27 lines
563 B
SCSS
Raw Normal View History

Add action buttons and status bar
2022-05-08 02:13:06 +03:00
.statusbar {
display: flex;
align-items: center;
justify-content: space-between;
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 22:13:26 +03:00
height: var(--status-bar-height);
Add action buttons and status bar
2022-05-08 02:13:06 +03:00
width: 100%;
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-30 09:17:12 +03:00
padding: var(--content-padding);
Make statusbar dark
2023-01-19 06:03:55 +03:00
color: var(--theme-color-components-video-status-bar-foreground);
background-color: var(--theme-color-components-video-status-bar-background);
changed statusbar colors
2022-10-13 22:22:58 +03:00
font-family: var(--theme-text-display-font-family);
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 20:58:57 +03:00
font-size: 11px;
Decrease status bar font weight
2023-01-29 06:10:41 +03:00
font-weight: 400;
Fix web project build errors
2022-05-12 09:31:31 +03:00
}
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 20:58:57 +03:00
.onlineMessage {
letter-spacing: .5px;
}
.viewerCount {
vertical-align: middle;
}
.viewerIcon {
display: inline-block;
margin-right: .5rem;
}
Reference in a new issue Copy permalink