improved settings layout and UX, added bake button, fixed icons, added icon colours, improved BoolBox appearance, added snowflake icon, removed unused BeatLikeLoopSettings, added disabled buttons

This commit is contained in:
Daniel Ledda
2022-03-13 22:28:17 +01:00
parent 7fca44f6c0
commit 95b514b336
11 changed files with 142 additions and 174 deletions

View File

@@ -5,17 +5,20 @@
border: none;
}
.action-button.disabled {
cursor: default;
opacity: 50%;
}
.action-button.action-button-primary {
background-color: var(--color-ui-accent);
color: var(--color-p-light);
}
.action-button.action-button-primary:hover {
.action-button.action-button-primary:hover:not.disabled {
background-color: var(--color-ui-accent-hover);
color: var(--color-p-light-hover);
}
.action-button.action-button-primary:active {
.action-button.action-button-primary:active:not.disabled {
background-color: var(--color-ui-accent-active);
color: var(--color-p-light-active);
}
@@ -24,13 +27,11 @@
background-color: var(--color-ui-neutral-dark);
color: var(--color-p-light);
}
.action-button.action-button-secondary:hover {
.action-button.action-button-secondary:hover:not.disabled {
background-color: var(--color-ui-neutral-dark-hover);
color: var(--color-p-light-hover);
}
.action-button.action-button-secondary:active {
.action-button.action-button-secondary:active:not.disabled {
background-color: var(--color-ui-neutral-dark-active);
color: var(--color-p-light-active);
}