Implemented a colorpicker for all color selectors. #204, #395

Signed-off-by: oskar <oskar.kurz@gmail.com>
This commit is contained in:
Oskar Kurz
2018-01-21 14:35:37 +01:00
committed by Julius Härtl
parent fe383a3485
commit 2cc961dcdf
6 changed files with 98 additions and 19 deletions

View File

@@ -4,6 +4,7 @@
* @author Julius Härtl <jus@bitgrid.net>
* @author Artem Anufrij <artem.anufrij@live.de>
* @author Marin Treselj <marin@pixelipo.com>
* @author Oskar Kurz <oskar.kurz@gmail.com>
*
* @license GNU AGPL version 3 or any later version
*
@@ -101,8 +102,10 @@ input.input-inline {
}
}
.app-navigation-entry-edit {
.colorselect div{
height: 32px;
.colorselect {
div, label {
height: 32px;
}
}
form {
display: flex;
@@ -814,6 +817,10 @@ input.input-inline {
border: none;
}
label.color {
flex-grow: 0.5;
}
.selected {
background-image: url('../../../core/img/actions/checkmark.svg');
background-position: center center;
@@ -823,6 +830,16 @@ input.input-inline {
background-image: url('../../../core/img/actions/checkmark-white.svg');
}
}
.colorselect-label {
background-image: url('../img/color_picker.svg');
background-position: center center;
background-repeat: no-repeat;
opacity: 1;
input {
visibility: hidden;
}
}
}
.labels {