fix: no more theme box obliteration (#707)

Co-authored-by: Ven <vendicated@riseup.net>
This commit is contained in:
Lewis Crichton 2023-03-28 17:20:06 +01:00 committed by GitHub
parent a00542b61b
commit ee794d140f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 5 deletions

@ -116,13 +116,9 @@ export default ErrorBoundary.wrap(function () {
</Card> </Card>
<Forms.FormTitle tag="h5">Themes</Forms.FormTitle> <Forms.FormTitle tag="h5">Themes</Forms.FormTitle>
<TextArea <TextArea
style={{
padding: ".5em",
border: "1px solid var(--background-modifier-accent)"
}}
value={themeText} value={themeText}
onChange={e => setThemeText(e.currentTarget.value)} onChange={e => setThemeText(e.currentTarget.value)}
className={TextAreaProps.textarea} className={`${TextAreaProps.textarea} vc-settings-theme-links`}
placeholder="Theme Links" placeholder="Theme Links"
spellCheck={false} spellCheck={false}
onBlur={onBlur} onBlur={onBlur}

@ -38,3 +38,11 @@
color: var(--info-warning-text); color: var(--info-warning-text);
margin-top: 0; margin-top: 0;
} }
.vc-settings-theme-links {
/* Needed to fix bad themes that hide certain textarea elements for whatever eldritch reason */
display: inline-block !important;
color: var(--text-normal) !important;
padding: 0.5em;
border: 1px solid var(--background-modifier-accent);
}