Fade-out intro/outro buttons for non-central items.
This commit is contained in:
parent
c9a5e9b2b7
commit
69ced321a8
2 changed files with 10 additions and 1 deletions
|
@ -120,6 +120,11 @@ button {
|
|||
color: rgb(255, 0, 0);
|
||||
}
|
||||
|
||||
.timing-buttons.not-central .intro,
|
||||
.timing-buttons.not-central .outro {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.timing-buttons.text-light > * {
|
||||
color: white;
|
||||
}
|
||||
|
|
|
@ -114,7 +114,11 @@ function TimingButtons({ id }: { id: number }) {
|
|||
return (
|
||||
<div
|
||||
className={
|
||||
"timing-buttons" + (showDeleteMenu ? " bg-dark text-light" : "")
|
||||
"timing-buttons " +
|
||||
(state.loadedItem && state.loadedItem.type !== "central"
|
||||
? "not-central"
|
||||
: "") +
|
||||
(showDeleteMenu ? " bg-dark text-light" : "")
|
||||
}
|
||||
>
|
||||
<div className="label">{showDeleteMenu ? "Delete:" : "Set"} Marker:</div>
|
||||
|
|
Loading…
Reference in a new issue