cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Position Leaflet sidebar close buttons with flex

Browse source
This commit is contained in:
Anton Khorev 2022-08-27 23:15:04 +03:00
parent 9acde429bf
commit 4ef55ac3aa
1 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/assets/javascripts/leaflet.sidebar-pane.js
View file

@ -20,16 +20,15 @@ L.OSM.sidebarPane = function (options, uiClass, buttonTitle, paneTitle) {
var $ui = $("<div>")
.attr("class", uiClass + "-ui");
$("<div>")
.attr("class", "sidebar_heading")
$("<div class='sidebar_heading d-flex'>")
.appendTo($ui)
.append(
$("<button type='button' class='btn-close float-end mt-1'>")
.append($("<div class='flex-grow-1 text-break'>")
.append($("<h4>")
.text(I18n.t(paneTitle))))
.append($("<div>")
.append($("<button type='button' class='btn-close mt-1'>")
.attr("aria-label", I18n.t("javascripts.close"))
.bind("click", toggle))
.append(
$("<h4>")
.text(I18n.t(paneTitle)));
.bind("click", toggle)));
options.sidebar.addPane($ui);