Merge pull request 'MAPG-229 make .controlItem relative so it's children can be sized more properly' (#45) from bugfix/MAPG-229-circle-controls-won-t-show-up-in-firefox into develop
All checks were successful
default-pipeline default-pipeline #204

Reviewed-on: https://gitea.e5tv.hu/esoko/mapguesser/pulls/45
This commit is contained in:
Bence Pőcze 2021-05-09 17:22:13 +02:00 committed by Gitea
commit 75bea7c05c
No known key found for this signature in database
GPG Key ID: 2E27A8C281A1CC2C

View File

@ -451,6 +451,7 @@ div.box {
} }
.circleControl .controlItem { .circleControl .controlItem {
position: relative;
height: 60px; height: 60px;
margin-top: 10px; margin-top: 10px;
opacity: 70%; opacity: 70%;
@ -463,6 +464,8 @@ div.box {
.circleControl .controlItem div { .circleControl .controlItem div {
position: absolute; position: absolute;
width: 100%;
height: 100%;
} }
.circleControl .controlBackground { .circleControl .controlBackground {
@ -477,7 +480,6 @@ div.box {
margin: auto; margin: auto;
margin-top: 50%; margin-top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
-ms-transform: translateY(-50%);
} }
@media screen and (max-width: 599px) { @media screen and (max-width: 599px) {