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

Fix waveform loading after css class reuse.

Browse source
This commit is contained in:
Matthew Stratford 2020-04-20 12:36:43 +01:00
parent 33df2687d1
commit cb4ca534ad
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App.scss
View file

@ -3,7 +3,7 @@
$sidebar-width: 250px; $sidebar-width: 250px;
$number-of-channels: 3; $number-of-channels: 3;
.loading { .loading-dialogue {
position: fixed; position: fixed;
top: 20%; top: 20%;
left: 50%; left: 50%;

4
src/navbar/navbar.scss
View file

@ -186,12 +186,12 @@
opacity: 0; opacity: 0;
position: absolute; position: absolute;
left: 25px; left: 25px;
transition: 0.5s; transition: 0.4s;
height: 32px; height: 32px;
} }
.logo-webstudio { .logo-webstudio {
opacity: 1; opacity: 1;
transition: 0.5s; transition: 0.4s;
height: 28px; height: 28px;
margin-top: -5px; margin-top: -5px;
} }

2
src/showplanner/index.tsx
View file

@ -335,7 +335,7 @@ export function LoadingDialogue({
percent: number; percent: number;
}) { }) {
return ( return (
<div className="loading"> <div className="loading-dialogue">
<div className="logo-container" style={{ width: percent + "%" }}> <div className="logo-container" style={{ width: percent + "%" }}>
<img <img
className="logo mb-5" className="logo mb-5"