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
All checks were successful
default-pipeline default-pipeline #204
Reviewed-on: https://gitea.e5tv.hu/esoko/mapguesser/pulls/45
This commit is contained in:
commit
75bea7c05c
@ -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) {
|
||||||
|
Loading…
Reference in New Issue
Block a user