1
0
mirror of https://github.com/flarum/core.git synced 2025-07-30 21:20:24 +02:00

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>
This commit is contained in:
David Sevilla Martin
2021-11-23 16:38:46 -05:00
committed by GitHub
parent c96fa49853
commit 94c4f266e3
8 changed files with 77 additions and 25 deletions

View File

@@ -0,0 +1,22 @@
.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;
}
}