LogalDeveloper/owncast
0
Fork 0
Code Activity

chore: run stylelint on our css files

Browse Source
This commit is contained in:
Gabe Kangas
2023-06-20 20:56:37 -07:00
parent 8c968ff676
commit ccb9b5d075
37 changed files with 142 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/ui/Content/Content.module.scss
View File

@@ -1,4 +1,4 @@
@import '../../../styles/mixins.scss';
@import '../../../styles/mixins';
.lowerSection {
padding: var(--content-padding);
@@ -19,7 +19,7 @@
}
:global(.ant-tabs-nav) {
margin-bottom: 0px;
margin-bottom: 0;
padding-top: 0.5vh;
padding-left: 1vw;
}
@@ -27,6 +27,7 @@
.topSectionElement {
background-color: var(--theme-color-components-video-background);
@include screen(tablet) {
// "sticks" the stream to the top of the page
position: sticky;
@@ -97,6 +98,7 @@
margin-top: unset;
}
}
.offlineBanner {
color: var(--theme-color-background-main);
}
@@ -112,5 +114,5 @@
z-index: 99;
background-color: var(--theme-color-components-chat-background);
border-width: 0;
box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 20%);
box-shadow: 0 1px 3px 1px rgb(0 0 0 / 20%);
}

6
web/components/ui/Content/MobileContent.module.scss
View File

@@ -1,15 +1,15 @@
.noTabsActionMenuButton {
position: absolute;
right: 0px;
right: 0;
margin-right: 10px;
z-index: 999;
}
.noTabsAboutContent {
position: relative;
top: 0px;
top: 0;
}
.mobileTabs {
margin-bottom: 0px;
margin-bottom: 0;
}

3
web/components/ui/CustomPageContent/CustomPageContent.module.scss
View File

@@ -1,4 +1,4 @@
@import 'styles/mixins.scss';
@import 'styles/mixins';
.customPageContent {
font-size: 1rem;
@@ -19,6 +19,7 @@
p {
margin: 0.5rem 0;
}
a:hover {
color: var(--color-owncast-palette-7)
}

10
web/components/ui/Footer/Footer.module.scss
View File

@@ -1,23 +1,19 @@
@import '../../../styles/mixins.scss';
@import '../../../styles/mixins';
.footer {
position: absolute;
bottom: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
flex-flow: row wrap;
justify-content: space-between;
flex-direction: row;
background-color: var(--theme-color-background-header);
color: var(--theme-color-components-text-on-dark);
font-family: var(--theme-text-body-font-family);
padding: 0.6rem var(--footer-padding-x);
font-size: 0.75rem;
font-weight: 400;
border-top: 1px solid rgba(214, 211, 211, 0.5);
border-top: 1px solid rgb(214 211 211 / 50%);
width: 100%;

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

@@ -1,26 +1,27 @@
@import '../../../styles/mixins.scss';
@import '../../../styles/mixins';
.header {
height: var(--header-height);
display: flex;
align-items: center;
justify-content: space-between;
z-index: 20;
padding: 0.7rem var(--content-padding);
box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 10%);
box-shadow: 0 1px 3px 1px rgb(0 0 0 / 10%);
background-color: var(--theme-color-background-header);
position: fixed;
top: 0;
width: 100%;
z-index: 200;
h1 {
margin-top: unset;
margin-bottom: unset;
}
// fixes header on tablet and below
@include screen(tablet) {
position: fixed;
top: 0px;
top: 0;
width: 100%;
}
}
@@ -43,11 +44,12 @@
.title {
color: var(--theme-color-components-text-on-dark);
font-family: var(--theme-text-display-font-family);
margin-bottom: 0px;
margin-bottom: 0;
font-size: clamp(1rem, 4vw, 1.6rem);
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
// 6rem is an overapproximation of the width of
// the user menu
max-width: min(70vw, calc(100vw - 6rem));
@@ -78,15 +80,14 @@
.avatar {
background-color: var(--theme-color-background-header);
box-sizing: content-box;
outline-color: #ffffff26;
outline-width: 2px;
outline-style: solid;
outline: #ffffff26 solid 2px;
}
.chatOfflineText {
color: var(--theme-color-palette-8);
font-size: 0.75rem;
}
.toolTip {
font-size: 0.8rem;
}

5
web/components/ui/Modal/Modal.module.scss
View File

@@ -36,17 +36,20 @@
overflow: auto;
border-radius: 0 0 var(--theme-rounded-corners) var(--theme-rounded-corners);
}
:global(.ant-modal-close-x) {
font-size: 12px;
}
:global(.ant-modal) {
color: var(--theme-color-components-text-on-light);
h1 {
color: var(--theme-color-components-text-on-light);
}
}
:global(.ant-modal-content) {
box-shadow: 3px 15px 15px -3px rgba(0, 0, 0, 0.15), 0px 4px 6px -2px rgba(0, 0, 0, 0.08);
box-shadow: 3px 15px 15px -3px rgb(0 0 0 / 15%), 0 4px 6px -2px rgb(0 0 0 / 8%);
}
}

2
web/components/ui/Noscript/Noscript.module.scss
View File

@@ -1,4 +1,4 @@
@import '../../../styles/mixins.scss';
@import '../../../styles/mixins';
.noscript {
position: fixed;

3
web/components/ui/OfflineBanner/OfflineBanner.module.scss
View File

@@ -1,4 +1,4 @@
@import '../../../styles/mixins.scss';
@import '../../../styles/mixins';
.outerContainer {
display: flex;
@@ -56,6 +56,7 @@
color: var(--theme-color-action);
text-decoration: underline;
cursor: pointer;
&:hover {
color: var(--color-owncast-palette-7);
}

5
web/components/ui/Sidebar/Sidebar.module.scss
View File

@@ -1,7 +1,8 @@
@import '../../../styles/mixins.scss';
@import '../../../styles/mixins';
.root {
background-color: var(--theme-color-components-chat-background);
@include screen(desktop) {
position: fixed;
right: 0;
@@ -10,7 +11,7 @@
z-index:100;
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
@media screen and (width <= 1120px) and (width >= 768px) {
top: 65px;
}
}

2
web/components/ui/Statusbar/Statusbar.module.scss
View File

@@ -8,7 +8,6 @@
color: var(--theme-color-components-video-status-bar-foreground);
background-color: var(--theme-color-components-video-status-bar-background);
font-family: var(--theme-text-display-font-family);
font-size: 11px;
font-weight: 400;
}
@@ -20,6 +19,7 @@
.viewerCount {
vertical-align: middle;
}
.viewerIcon {
display: inline-block;
margin-right: .5rem;

6
web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss
View File

@@ -1,4 +1,4 @@
@import '../../../../styles/mixins.scss';
@import '../../../../styles/mixins';
.followers {
width: 100%;
@@ -9,11 +9,13 @@
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 900px) {
@media (width <= 900px) {
.followerRow {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@include screen(mobile) {
.followerRow {
display: block;

8
web/components/ui/followers/SingleFollower/SingleFollower.module.scss
View File

@@ -1,10 +1,10 @@
@import '../../../../../web/styles/mixins.scss';
@import '../../../../../web/styles/mixins';
.follower {
border-color: rgba(0, 0, 0, 0.3);
border-color: rgb(0 0 0 / 30%);
border-width: 1px;
border-style: solid;
padding: 10px 10px;
padding: 10px;
border-radius: 15px;
background-color: var(--theme-color-background-main);
margin: 0.5em;
@@ -18,7 +18,7 @@
.avatar {
height: 60px;
width: 60px;
border-color: rgba(0, 0, 0, 0.3);
border-color: rgb(0 0 0 / 30%);
border-width: 1px;
border-style: solid;
font-size: 1.8rem;