Added checked-state color for curve buttons to distinguish them from non-checked curve buttons, #4019

This commit is contained in:
Morgan Hardwood
2017-08-16 12:06:53 +02:00
parent da4630ef22
commit 4429b6f5f5

View File

@@ -187,24 +187,37 @@ button {
min-width: 5px;
background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
/* Curve mode buttons and drop-downs */
button:checked.Left, button:checked.Left + button {
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
background-color: #585858;
}
button.flat {
background-image: none;
}
button.flat:checked {
background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
checkbutton > check {
background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
radiobutton > radio {
background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
button:hover , button.flat:hover, checkbutton:hover > check, radiobutton:hover > radio {
background-image: linear-gradient(shade(#343434,1.3), shade(#2E2E2E,1.3), shade(#292929,1.3));
}
button.popupbutton-arrow {
min-width: 18px;
}
/* Save, Cancel, OK ... buttons */
.dialog-action-area button {
min-height: 24px;