Add custom overlay positioning and scaling options in configuration
This commit is contained in:
@@ -1035,8 +1035,9 @@
|
||||
/* Custom Overlay Styling */
|
||||
.custom-overlay-container {
|
||||
position: absolute;
|
||||
top: 8vh;
|
||||
left: 4vw;
|
||||
top: calc(8vh + var(--overlay-y, 0vh));
|
||||
left: calc(4vw + var(--overlay-x, 0vw));
|
||||
transform: scale(var(--overlay-scale, 1));
|
||||
z-index: 15;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1082,9 +1083,9 @@
|
||||
|
||||
@media only screen and (max-width: 767px) and (orientation: portrait) {
|
||||
.custom-overlay-container {
|
||||
top: 15vh;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: calc(15vh + var(--overlay-y, 0vh));
|
||||
left: calc(50% + var(--overlay-x, 0vw));
|
||||
transform: translateX(-50%) scale(var(--overlay-scale, 1));
|
||||
width: 90%;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user