MediaWiki:Common.css/src/system/codex/components/TextInput.scss
< MediaWiki:Common.css | src
This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.
Ancestors: / src / system / codex / components / TextInput.scss
Siblings: Button.scss TextInput.scss
Children: (none)
/********* Codex: TextInput *********/
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */
.cdx-text-input {
&__input {
&:enabled {
background-color: var(--ooui--textarea-background-color);
color: var(--theme-text-color);
border-color: var(--ooui--textarea-border-color);
~ .cdx-text-input__icon-vue {
color: var(--ooui--textarea-placeholder-color);
}
&:hover {
border-color: var(--ooui--textarea-border-color--hover);
}
&:focus,
&.cdx-text-input__input--has-value {
~ .cdx-text-input__icon-vue {
color: var(--theme-text-color);
}
}
&:focus {
border-color: var(--ooui--textarea-border-color--focus);
box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus);
}
&:read-only {
background-color: var(--ooui--textarea-readonly-background-color);
}
}
&:disabled {
background-color: var(--ooui--textarea-disabled-background-color);
color: var(--ooui--textarea-disabled-color);
-webkit-text-fill-color: var(--ooui--textarea-disabled-color);
border-color: var(--ooui--textarea-disabled-border-color);
~ .cdx-text-input__icon-vue {
color: var(--ooui--textarea-disabled-color);
}
}
&::placeholder {
color: var(--ooui--textarea-placeholder-color);
}
}
&--status-error {
.cdx-text-input__input:enabled {
border-color: var(--ooui--textarea-invalid-border-color);
&:focus {
border-color: var(--ooui--textarea-border-color--focus);
}
}
}
}