Fix zoom level related tooltips except for layer checkboxes
This commit is contained in:
parent
cbb8772685
commit
31a39d3479
5 changed files with 18 additions and 3 deletions
|
@ -59,7 +59,7 @@ window.updateLinks = function (loc, zoom, layers, object) {
|
|||
var editDisabled = zoom < 13;
|
||||
$("#edit_tab")
|
||||
.tooltip({ placement: "bottom" })
|
||||
.attr("data-original-title", editDisabled ?
|
||||
.attr("data-bs-original-title", editDisabled ?
|
||||
I18n.t("javascripts.site.edit_disabled_tooltip") : "")
|
||||
// Disable the button group and also the buttons to avoid
|
||||
// inconsistent behaviour when zooming
|
||||
|
|
|
@ -171,6 +171,7 @@ L.OSM.layers = function (options) {
|
|||
}
|
||||
|
||||
$(item).attr("class", disabled ? "disabled" : "");
|
||||
// item.attr("data-bs-original-title", disabled ? // has additional bug when zooming out from enabled state
|
||||
item.attr("data-original-title", disabled ?
|
||||
I18n.t("javascripts.site.map_" + name + "_zoom_in_tooltip") : "");
|
||||
});
|
||||
|
|
|
@ -17,7 +17,7 @@ L.OSM.note = function (options) {
|
|||
var disabled = OSM.STATUS === "database_offline" || map.getZoom() < 12;
|
||||
link
|
||||
.toggleClass("disabled", disabled)
|
||||
.attr("data-original-title", I18n.t(disabled ?
|
||||
.attr("data-bs-original-title", I18n.t(disabled ?
|
||||
"javascripts.site.createnote_disabled_tooltip" :
|
||||
"javascripts.site.createnote_tooltip"));
|
||||
}
|
||||
|
|
|
@ -20,7 +20,7 @@ L.OSM.query = function (options) {
|
|||
isDisabled = map.getZoom() < 14;
|
||||
link
|
||||
.toggleClass("disabled", isDisabled)
|
||||
.attr("data-original-title", I18n.t(isDisabled ?
|
||||
.attr("data-bs-original-title", I18n.t(isDisabled ?
|
||||
"javascripts.site.queryfeature_disabled_tooltip" :
|
||||
"javascripts.site.queryfeature_tooltip"));
|
||||
|
||||
|
|
|
@ -37,4 +37,18 @@ class SiteTest < ApplicationSystemTestCase
|
|||
tooltip.assert_text "Map Key"
|
||||
tooltip.assert_text "not available"
|
||||
end
|
||||
|
||||
[
|
||||
"#edit_tab",
|
||||
".control-note .control-button",
|
||||
".control-query .control-button"
|
||||
].each do |selector|
|
||||
test "tooltips on low zoom levels for disabled control '#{selector}'" do
|
||||
visit "/#map=1/1/1"
|
||||
|
||||
assert_no_selector ".tooltip"
|
||||
find(selector).hover
|
||||
assert_selector ".tooltip", :text => "Zoom in"
|
||||
end
|
||||
end
|
||||
end
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue