diff --git a/umap/static/umap/css/panel.css b/umap/static/umap/css/panel.css index 71d17d3e..3ecabbd2 100644 --- a/umap/static/umap/css/panel.css +++ b/umap/static/umap/css/panel.css @@ -3,7 +3,7 @@ /* as being out of the visible viewport is not enough */ visibility: hidden; position: absolute; - bottom: var(--panel-gutter); + bottom: var(--panel-bottom); overflow-x: auto; z-index: 1010; background-color: #fff; @@ -31,7 +31,7 @@ max-height: initial; } .umap-caption-bar-enabled .panel { - bottom: var(--footer-height); + bottom: calc(var(--footer-height) + var(--panel-bottom)); } .panel { box-sizing: border-box; @@ -132,4 +132,9 @@ .panel li.umap-resize-link { display: none; } + .umap-caption-bar-enabled .panel { + bottom: var(--footer-height); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } } diff --git a/umap/static/umap/vars.css b/umap/static/umap/vars.css index 962c9eef..c63a1669 100644 --- a/umap/static/umap/vars.css +++ b/umap/static/umap/vars.css @@ -13,6 +13,7 @@ /* Sizes and spaces */ --panel-gutter: 10px; + --panel-bottom: 40px; --panel-header-height: 36px; --panel-width: 400px; --header-height: 46px;