ash/WebStudio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/App.css
View file

@ -120,6 +120,11 @@ button {
color: rgb(255, 0, 0); color: rgb(255, 0, 0);
} }
.timing-buttons.not-central .intro,
.timing-buttons.not-central .outro {
opacity: 0.2;
}
.timing-buttons.text-light > * { .timing-buttons.text-light > * {
color: white; color: white;
} }

6
src/showplanner/Player.tsx
View file

@ -114,7 +114,11 @@ function TimingButtons({ id }: { id: number }) {
return ( return (
<div <div
className={ 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> <div className="label">{showDeleteMenu ? "Delete:" : "Set"} Marker:</div>