aronmal/leaky-ships
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix fog images pointer events

Browse source
This commit is contained in:
aronmal 2022-10-27 19:15:44 +02:00
parent 840ddab9bc
commit 84a15794e6
Signed by: aronmal
GPG key ID: 816B7707426FC612
3 changed files with 22 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

31
frontend/src/styles/App.scss
View file

@ -167,20 +167,23 @@
border: 2px solid yellowgreen;
}
.fog-left {
grid-area: 1 / 1 / -1 / -1;
align-self: flex-start;
width: inherit;
transform: rotate(180deg);
}
.fog-right {
grid-area: 1 / 1 / -1 / -1;
align-self: flex-end;
width: inherit;
}
.fog-middle {
grid-area: 4 / 4 / -4 / -4;
// align-self: flex-end;
.fog {
width: inherit;
pointer-events: none;
&.left {
grid-area: 1 / 1 / -1 / -1;
align-self: flex-start;
transform: rotate(180deg);
}
&.right {
grid-area: 1 / 1 / -1 / -1;
align-self: flex-end;
}
&.middle {
grid-area: 4 / 4 / -4 / -4;
}
}
}