Fade-out intro/outro buttons for non-central items.

This commit is contained in:
Matthew Stratford 2020-10-01 23:16:40 +01:00
parent c9a5e9b2b7
commit 69ced321a8
2 changed files with 10 additions and 1 deletions

View file

@ -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;
}

View file

@ -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>