LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

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-btn {
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);
&:hover,
&:focus {
background-color: var(--button-focused);
border-color: transparent;
color: var(--white);
}
&:focus {
border-color: var(--owncast-purple-25);
}
}
.ant-btn-primary {
background-color: var(--owncast-purple);
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);
background-color: var(--owncast-purple-50);
}
.ant-btn-primary[disabled] {
background-color: var(--white-25);
border-color: var(--white-25);
color: var(--white-50);
&:hover {
background-color: var(--white-35);
border-color: var(--white-35);
}
}
.ant-input-affix-wrapper,
.ant-btn {
transition-delay: 0s;
@ -355,7 +348,16 @@ textarea.ant-input {
background-color: var(--owncast-purple-25);
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
.ant-select-dropdown {
background-color: var(--black);