Navy.gif/owncast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
d0eb1446f3
owncast/web/styles/globals.scss

123 lines
1.9 KiB
SCSS
Raw Normal View History

Admin css overhaul pt2 (#19) * tweaks to offline state in admin viewers page If stream is offline, hide current viewers statistic and viewers table. Also, change wording for describing max viewers. * take out ant dark stylesheet, organize ant color overrides * remove ant dark css; cleanup ant overrides; format public-detail page * combine toggleswitch component style with textfield so layout can be shared * fix toggleswitch status message placement * - update styles for modals, collapses - move reset dir into its own component - assorted style cleanups ans consistencies * hide entire advanced section for resetyp if no yp * temp adjustments to video modal * temp comment out toggle switch use for later' * address PR comments * lint * update type * allow warnings during lint Co-authored-by: nebunez <uoj2y7wak869@opayq.net>
2021-02-13 08:55:59 +01:00
// @import "~antd/dist/antd.dark";
start video variant page; setup video variant table for modals wip; use dark theme as default
2021-01-09 22:12:14 +01:00
Initial commit from Create Next App
2020-09-30 23:59:20 +02:00
html,
body {
padding: 0;
margin: 0;
added stream conneciton info box to offline notice (#107)
2021-04-09 04:22:46 +02:00
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
adding a nicer layout frame, setting up for pages
2020-10-22 10:03:15 +02:00
define more readable owncast color variables; apply var style names consistenly through other stylessheets; reaname file for clarity
2021-02-14 09:41:20 +01:00
font-size: 16px;
start video variant page; setup video variant table for modals wip; use dark theme as default
2021-01-09 22:12:14 +01:00
define more readable owncast color variables; apply var style names consistenly through other stylessheets; reaname file for clarity
2021-02-14 09:41:20 +01:00
background-color: var(--default-bg-color);
color: var(--default-text-color);
Initial commit from Create Next App
2020-09-30 23:59:20 +02:00
}
a {
color: inherit;
text-decoration: none;
define more readable owncast color variables; apply var style names consistenly through other stylessheets; reaname file for clarity
2021-02-14 09:41:20 +01:00
color: var(--default-link-color);
Admin css overhaul pt2 (#19) * tweaks to offline state in admin viewers page If stream is offline, hide current viewers statistic and viewers table. Also, change wording for describing max viewers. * take out ant dark stylesheet, organize ant color overrides * remove ant dark css; cleanup ant overrides; format public-detail page * combine toggleswitch component style with textfield so layout can be shared * fix toggleswitch status message placement * - update styles for modals, collapses - move reset dir into its own component - assorted style cleanups ans consistencies * hide entire advanced section for resetyp if no yp * temp adjustments to video modal * temp comment out toggle switch use for later' * address PR comments * lint * update type * allow warnings during lint Co-authored-by: nebunez <uoj2y7wak869@opayq.net>
2021-02-13 08:55:59 +01:00
&:hover {
color: var(--default-text-color);
}
Initial commit from Create Next App
2020-09-30 23:59:20 +02:00
}
* {
box-sizing: border-box;
}
misc cleanup
2021-02-14 10:30:42 +01:00
p,
p.description,
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-23 08:27:51 +02:00
.description,
misc cleanup
2021-02-14 10:30:42 +01:00
.ant-typography {
style p tag
2021-01-18 04:51:38 +01:00
font-weight: 300;
misc cleanup
2021-02-14 10:30:42 +01:00
margin: 1em 0;
added stream conneciton info box to offline notice (#107)
2021-04-09 04:22:46 +02:00
color: var(--white-75);
style p tag
2021-01-18 04:51:38 +01:00
}
clean up of home section; now with styling
2020-11-13 12:43:28 +01:00
pre {
display: block;
padding: 1rem;
added stream conneciton info box to offline notice (#107)
2021-04-09 04:22:46 +02:00
margin: 0.5rem 0;
define more readable owncast color variables; apply var style names consistenly through other stylessheets; reaname file for clarity
2021-02-14 09:41:20 +01:00
background-color: var(--code-bg-color);
color: var(--white-50);
clean up of home section; now with styling
2020-11-13 12:43:28 +01:00
}
start video variant page; setup video variant table for modals wip; use dark theme as default
2021-01-09 22:12:14 +01:00
clean up and style tweaks
2021-01-03 10:54:04 +01:00
code {
define more readable owncast color variables; apply var style names consistenly through other stylessheets; reaname file for clarity
2021-02-14 09:41:20 +01:00
color: var(--code-color);
background-color: var(--white-15);
display: inline-block;
padding: 2px 4px;
border-radius: 4px;
added stream conneciton info box to offline notice (#107)
2021-04-09 04:22:46 +02:00
font-size: 0.88em;
clean up and style tweaks
2021-01-03 10:54:04 +01:00
}
adding a nicer layout frame, setting up for pages
2020-10-22 10:03:15 +02:00
Changing server url was resetting other updated fields (#86) * changing url was resetting other fields. Closes https://github.com/owncast/owncast/issues/854 * specify config path for various instanceDetails fields instead * fix react warning Co-authored-by: gingervitis <omqmail@gmail.com>
2021-03-24 22:12:22 +01:00
strong {
font-weight: 600;
}
start on social links editing, wip
2021-01-19 19:34:06 +01:00
separate out styles for markdowneditor; convert mainlayout style module styles to just sass; add style to stream title editor in header;
2021-02-04 18:17:20 +01:00
.logo-svg {
height: 2rem;
width: 2rem;
add message viz toggle component to be able to toggle one chat message at a time; address https://github.com/owncast/owncast/issues/568
2021-01-10 00:17:06 +01:00
}
start video variant page; setup video variant table for modals wip; use dark theme as default
2021-01-09 22:12:14 +01:00
Admin css overhaul pt2 (#19) * tweaks to offline state in admin viewers page If stream is offline, hide current viewers statistic and viewers table. Also, change wording for describing max viewers. * take out ant dark stylesheet, organize ant color overrides * remove ant dark css; cleanup ant overrides; format public-detail page * combine toggleswitch component style with textfield so layout can be shared * fix toggleswitch status message placement * - update styles for modals, collapses - move reset dir into its own component - assorted style cleanups ans consistencies * hide entire advanced section for resetyp if no yp * temp adjustments to video modal * temp comment out toggle switch use for later' * address PR comments * lint * update type * allow warnings during lint Co-authored-by: nebunez <uoj2y7wak869@opayq.net>
2021-02-13 08:55:59 +01:00
.line-chart-container {
margin: 2em auto;
define more readable owncast color variables; apply var style names consistenly through other stylessheets; reaname file for clarity
2021-02-14 09:41:20 +01:00
padding: 1em;
border: 1px solid var(--gray-dark);
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-23 08:27:51 +02:00
canvas {
max-width: 100%;
}
Admin css overhaul pt2 (#19) * tweaks to offline state in admin viewers page If stream is offline, hide current viewers statistic and viewers table. Also, change wording for describing max viewers. * take out ant dark stylesheet, organize ant color overrides * remove ant dark css; cleanup ant overrides; format public-detail page * combine toggleswitch component style with textfield so layout can be shared * fix toggleswitch status message placement * - update styles for modals, collapses - move reset dir into its own component - assorted style cleanups ans consistencies * hide entire advanced section for resetyp if no yp * temp adjustments to video modal * temp comment out toggle switch use for later' * address PR comments * lint * update type * allow warnings during lint Co-authored-by: nebunez <uoj2y7wak869@opayq.net>
2021-02-13 08:55:59 +01:00
}
.form-module {
margin: 1em 0;
background-color: var(--container-bg-color);
padding: 2em;
border-radius: var(--container-border-radius);
clean up video config forms and styling
2021-02-15 03:46:34 +01:00
h3 {
&:first-of-type {
margin-top: 0;
}
}
Admin css overhaul pt2 (#19) * tweaks to offline state in admin viewers page If stream is offline, hide current viewers statistic and viewers table. Also, change wording for describing max viewers. * take out ant dark stylesheet, organize ant color overrides * remove ant dark css; cleanup ant overrides; format public-detail page * combine toggleswitch component style with textfield so layout can be shared * fix toggleswitch status message placement * - update styles for modals, collapses - move reset dir into its own component - assorted style cleanups ans consistencies * hide entire advanced section for resetyp if no yp * temp adjustments to video modal * temp comment out toggle switch use for later' * address PR comments * lint * update type * allow warnings during lint Co-authored-by: nebunez <uoj2y7wak869@opayq.net>
2021-02-13 08:55:59 +01:00
}
.row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
@media (max-width: 980px) {
flex-direction: column;
.form-module {
width: 100%;
}
}
reorganize styles and pages (wip); update readme
2021-01-27 10:46:08 +01:00
}
added stream conneciton info box to offline notice (#107)
2021-04-09 04:22:46 +02:00
.stream-info-box {
Remove collapse and shrink text a bit since it can be too big on longer urls
2021-04-20 03:24:04 +02:00
font-size: 0.8em;
added stream conneciton info box to offline notice (#107)
2021-04-09 04:22:46 +02:00
background-color: var(--purple-dark);
padding: 0.25rem 0.5rem;
margin-left: 0.5rem;
color: var(--white);
Remove collapse and shrink text a bit since it can be too big on longer urls
2021-04-20 03:24:04 +02:00
margin-bottom: 0px !important;
.ant-typography-copy {
font-size: 0.92em;
}
added stream conneciton info box to offline notice (#107)
2021-04-09 04:22:46 +02:00
}
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-23 08:27:51 +02:00
input {
&:not(:focus) {
&:invalid {
color: var(--ant-error);
}
}
}
Reference in New Issue Copy Permalink