- if (layers && $(link).hasClass("layers")) args.layers = layers;
- if (object && $(link).hasClass("object")) args[object.type] = object.id;
-
- var minzoom = $(link).data("minzoom");
- if (minzoom) {
- var name = link.id.replace(/anchor$/, "");
- $(link).off("click.minzoom");
- if (zoom >= minzoom) {
- $(link)
- .attr("title", I18n.t("javascripts.site." + name + "_tooltip"))
- .removeClass("disabled");
- } else {
- $(link)
- .attr("title", I18n.t("javascripts.site." + name + "_disabled_tooltip"))
- .addClass("disabled")
- .on("click.minzoom", function () {
- alert(I18n.t("javascripts.site." + name + "_zoom_alert"));
- return false;
- });
- }
+ /*
+ * Chrome 60 and later seem to fire the "ready" callback
+ * before the DOM is fully ready causing us to measure the
+ * wrong sizes for the header elements - use a 0ms timeout
+ * to defer the measurement slightly as a workaround.
+ */
+ setTimeout(function () {
+ $("header").children(":visible").each(function (i, e) {
+ headerWidth = headerWidth + $(e).outerWidth();
+ });
+
+ $("body").addClass("compact-nav");
+
+ $("header").children(":visible").each(function (i, e) {
+ compactWidth = compactWidth + $(e).outerWidth();
+ });
+
+ $("body").removeClass("compact-nav");
+
+ updateHeader();
+
+ $(window).resize(updateHeader);
+ }, 0);
+
+ $("#menu-icon").on("click", function (e) {
+ e.preventDefault();
+ $("header").toggleClass("closed");
+ });
+
+ $("nav.primary li a").on("click", function () {
+ $("header").toggleClass("closed");
+ });
+
+ var application_data = $("head").data();
+
+ I18n.default_locale = OSM.DEFAULT_LOCALE;
+ I18n.locale = application_data.locale;
+ I18n.fallbacks = true;
+
+ OSM.preferred_editor = application_data.preferredEditor;
+
+ if (application_data.user) {
+ OSM.user = application_data.user;
+
+ if (application_data.userHome) {
+ OSM.home = application_data.userHome;