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; min-width: 5px;
background-image: linear-gradient(#343434, #2E2E2E, #292929); 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 { button.flat {
background-image: none; background-image: none;
} }
button.flat:checked { button.flat:checked {
background-image: linear-gradient(#343434, #2E2E2E, #292929); background-image: linear-gradient(#343434, #2E2E2E, #292929);
} }
checkbutton > check { checkbutton > check {
background-image: linear-gradient(#343434, #2E2E2E, #292929); background-image: linear-gradient(#343434, #2E2E2E, #292929);
} }
radiobutton > radio { radiobutton > radio {
background-image: linear-gradient(#343434, #2E2E2E, #292929); background-image: linear-gradient(#343434, #2E2E2E, #292929);
} }
button:hover , button.flat:hover, checkbutton:hover > check, radiobutton:hover > radio { 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)); background-image: linear-gradient(shade(#343434,1.3), shade(#2E2E2E,1.3), shade(#292929,1.3));
} }
button.popupbutton-arrow { button.popupbutton-arrow {
min-width: 18px; min-width: 18px;
} }
/* Save, Cancel, OK ... buttons */ /* Save, Cancel, OK ... buttons */
.dialog-action-area button { .dialog-action-area button {
min-height: 24px; min-height: 24px;