wip: align panel bottom above scale control

This commit is contained in:
Yohan Boniface 2024-04-15 19:25:10 +02:00
parent e615e0926a
commit b933c4badd
2 changed files with 8 additions and 2 deletions

View file

@ -3,7 +3,7 @@
/* as being out of the visible viewport is not enough */ /* as being out of the visible viewport is not enough */
visibility: hidden; visibility: hidden;
position: absolute; position: absolute;
bottom: var(--panel-gutter); bottom: var(--panel-bottom);
overflow-x: auto; overflow-x: auto;
z-index: 1010; z-index: 1010;
background-color: #fff; background-color: #fff;
@ -31,7 +31,7 @@
max-height: initial; max-height: initial;
} }
.umap-caption-bar-enabled .panel { .umap-caption-bar-enabled .panel {
bottom: var(--footer-height); bottom: calc(var(--footer-height) + var(--panel-bottom));
} }
.panel { .panel {
box-sizing: border-box; box-sizing: border-box;
@ -132,4 +132,9 @@
.panel li.umap-resize-link { .panel li.umap-resize-link {
display: none; display: none;
} }
.umap-caption-bar-enabled .panel {
bottom: var(--footer-height);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
} }

View file

@ -13,6 +13,7 @@
/* Sizes and spaces */ /* Sizes and spaces */
--panel-gutter: 10px; --panel-gutter: 10px;
--panel-bottom: 40px;
--panel-header-height: 36px; --panel-header-height: 36px;
--panel-width: 400px; --panel-width: 400px;
--header-height: 46px; --header-height: 46px;