1
0
mirror of https://github.com/flarum/core.git synced 2025-07-14 13:26:23 +02:00
Files
php-flarum/less/common/ColorInput.less
David Sevilla Martin 94c4f266e3 feat: remove color validation in appearance admin page & add color indicator (#3140)
* Remove color validation in basics admin page & add color indicator

* Create ColorInput common component

* Revert 'formGroupAttrs' addition

* Rename component CSS classes

* Fix input type in ColorInput from AdminPage#buildSettingComponent

* Rename component to ColorPreviewInput, remove aliases in admin & export in compat

* Remove leftovers from rebase on master

* feat: add global type definition for a vnode element tag

* fix(a11y): add aria roles to color input

* chore: use new type

* chore: format

Co-authored-by: David Wheatley <hi@davwheat.dev>
2021-11-23 21:38:46 +00:00

23 lines
344 B
Plaintext

.ColorInput {
position: relative;
&-preview, &-icon {
position: absolute;
right: 8px;
bottom: 8px;
width: 20px;
height: 20px;
pointer-events: none;
}
&-preview {
background-color: var(--input-value);
border-radius: 15%;
}
&-icon {
text-align: center;
color: @validation-error-color;
}
}