game bottom margin, targetting arrow start / end hotfix

This commit is contained in:
Mashy 2019-11-22 14:34:48 +10:00
parent 5f2ee673b2
commit 8e73dcd92c

View File

@ -27,6 +27,7 @@
position: absolute; position: absolute;
bottom: 0; bottom: 0;
margin-bottom: 0.5em;
height: 50%; height: 50%;
.avatar { .avatar {
@ -232,8 +233,8 @@
#targeting, .resolving-skill { #targeting, .resolving-skill {
position: absolute; position: absolute;
top: 35%; top: calc(35% + 0.5em); // calc for 0.5em top gap
height: 15%; height: calc(15% - 1em); // calc for 0.5em + 0.5em top / bottom gap
width: calc(90% - 1.25em); width: calc(90% - 1.25em);
z-index: 2; z-index: 2;
span { span {
@ -273,7 +274,7 @@
/* some stupid bug in chrome makes it fill the entire screen */ /* some stupid bug in chrome makes it fill the entire screen */
@media screen and (-webkit-min-device-pixel-ratio:0) { @media screen and (-webkit-min-device-pixel-ratio:0) {
#targeting { #targeting {
max-height: 10em; // max-height: 10em;
} }
} }