fix: constrain layout map image sizing to prevent modal overflow
This commit is contained in:
@@ -537,6 +537,8 @@
|
|||||||
background-color: var(--canvas-soft-2);
|
background-color: var(--canvas-soft-2);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-map-container.readonly {
|
.layout-map-container.readonly {
|
||||||
@@ -546,12 +548,15 @@
|
|||||||
.image-marker-wrapper {
|
.image-marker-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-map-img {
|
.layout-map-img {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 75vh;
|
max-height: 70vh;
|
||||||
|
object-fit: contain;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
-webkit-user-drag: none;
|
-webkit-user-drag: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user