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

Update global style of input fields. Closes #2357

Browse Source
This commit is contained in:
Gabe Kangas 2022-11-18 20:39:34 -08:00
parent 83479d49f0
commit d29591f3fa
No known key found for this signature in database
GPG Key ID: 9A56337728BC81EA
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,16 +22,16 @@ BUTTONS
} }
} }
.ant-btn-default { .ant-btn-default {
color: currentColor; color: currentColor;
border-width: 2px; border-width: 2px;
border-color: transparent; border-color: transparent;
border-radius: .15rem; border-radius: 0.15rem;
background-color: rgba(0,0,0,.1); background-color: rgba(0, 0, 0, 0.1);
&:hover, &:hover,
&:focus { &:focus {
color: currentColor; color: currentColor;
border-color: rgba(0,0,0,.55); border-color: rgba(0, 0, 0, 0.55);
background-color: var(--theme-color-components-secondary-button-background); background-color: var(--theme-color-components-secondary-button-background);
} }
} }
@ -128,10 +128,14 @@ DROPDOWN
} }
} }
.ant-input-affix-wrapper {
padding: 2px 5px;
background-color: var(--theme-color-components-form-field-background);
}
.ant-input { .ant-input {
background-color: var(--theme-color-components-form-field-background); background-color: var(--theme-color-components-form-field-background);
color: var(--theme-color-components-form-field-text); color: var(--theme-color-components-form-field-text);
border-color: var(--theme-color-components-form-field-border);
&::placeholder { &::placeholder {
color: var(--theme-color-components-form-field-placeholder); color: var(--theme-color-components-form-field-placeholder);
} }
@ -172,7 +176,7 @@ DROPDOWN
} }
.ant-tabs-content { .ant-tabs-content {
height: 100% !important; height: 100% !important;
overflow: scroll; overflow: auto;
.ant-tabs-tabpane-active { .ant-tabs-tabpane-active {
height: 100%; height: 100%;
} }