Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed some button and dropdown overrides

Browse Source
This commit is contained in:
t1enne 2022-05-22 14:17:26 +02:00
parent bef99afa05
commit 3c72114d5e
1 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
web/styles/ant-overrides.scss
View File

@ -257,41 +257,34 @@ textarea.ant-input {
// ANT BUTTON // ANT BUTTON
.ant-btn { .ant-btn {
background-color: var(--owncast-purple-25); background-color: var(--owncast-purple-25);
border-color: var(--owncast-purple-25); font-size: .85rem;
font-weight: bold;
border-radius: var(--theme-rounded-corners);
border-color: transparent;
color: var(--white-75); color: var(--white-75);
&:hover, &:hover,
&:focus { &:focus {
background-color: var(--button-focused); background-color: var(--button-focused);
border-color: transparent;
color: var(--white); color: var(--white);
} }
&:focus {
border-color: var(--owncast-purple-25);
}
} }
.ant-btn-primary { .ant-btn-primary {
background-color: var(--owncast-purple); background-color: var(--owncast-purple-50);
border-color: var(--owncast-purple);
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
background-color: var(--button-focused);
color: var(--white);
}
.ant-btn.ant-btn-primary:hover {
border-color: var(--white);
}
.ant-btn:focus,
.ant-btn-primary:focus {
border-color: var(--white);
} }
.ant-btn-primary[disabled] { .ant-btn-primary[disabled] {
background-color: var(--white-25); background-color: var(--white-25);
border-color: var(--white-25);
color: var(--white-50); color: var(--white-50);
&:hover { &:hover {
background-color: var(--white-35); background-color: var(--white-35);
border-color: var(--white-35);
} }
} }
.ant-input-affix-wrapper, .ant-input-affix-wrapper,
.ant-btn { .ant-btn {
transition-delay: 0s; transition-delay: 0s;
@ -355,7 +348,16 @@ textarea.ant-input {
background-color: var(--owncast-purple-25); background-color: var(--owncast-purple-25);
opacity: 0.75; opacity: 0.75;
} }
// DROPDOWN
.ant-dropdown-menu {
padding: 10px 7px;
border-radius: var(--theme-rounded-corners);
background-color: var(--color-owncast-background);
li {
border-radius: var(--theme-rounded-corners);
}
}
// SELECT // SELECT
.ant-select-dropdown { .ant-select-dropdown {
background-color: var(--black); background-color: var(--black);