1
0
mirror of https://github.com/flarum/core.git synced 2025-10-28 05:56:12 +01:00

Replace ColorPreviewInput preview box with 'color' input (#3271)

This commit is contained in:
David Sevilla Martin
2022-03-09 19:56:25 -05:00
committed by GitHub
parent 5045254c9f
commit be1b5713fa
2 changed files with 19 additions and 8 deletions

View File

@@ -7,12 +7,26 @@
bottom: 8px;
width: 20px;
height: 20px;
pointer-events: none;
}
&-preview {
background-color: var(--input-value);
display: inline-block;
border-radius: 15%;
padding: 0;
cursor: pointer;
overflow: hidden;
// Match both the wrapper div and the div with the background color
&, &::-webkit-color-swatch-wrapper, &::-webkit-color-swatch {
border: none;
padding: 0;
}
// This has to be a separate entry so other browsers
// don't ignore the entire CSS rule. Thanks Firefox.
&::-moz-color-swatch {
border: none;
}
}
&-icon {