Switch to bootstrap recommended viewport definition

[rails.git] / app / assets / javascripts / leaflet.share.js

diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js
index e941a70f41ae2a492e522b7c689dbfa4557244bf..73ca64f634f0e351751d31127e12f0b4b448d88c 100644 (file)
--- a/app/assets/javascripts/leaflet.share.js
+++ b/app/assets/javascripts/leaflet.share.js
@@ -35,26 +35,25 @@ L.OSM.share = function (options) {
               .bind("change", toggleMarker))
           .append(I18n.t("javascripts.share.include_marker")));
 
               .bind("change", toggleMarker))
           .append(I18n.t("javascripts.share.include_marker")));
 

-    $("<div>")
-      .attr("class", "share-tabs")
+    $("<div class='btn-group btn-group-sm mb-2'>")

       .appendTo($form)
       .appendTo($form)

-      .append($("<a>")
-        .attr("class", "active")
+      .append($("<a class='btn btn-primary'>")
+        .addClass("active")

         .attr("for", "long_input")
         .attr("id", "long_link")
         .text(I18n.t("javascripts.share.long_link")))
         .attr("for", "long_input")
         .attr("id", "long_link")
         .text(I18n.t("javascripts.share.long_link")))

-      .append($("<a>")
+      .append($("<a class='btn btn-primary'>")

         .attr("for", "short_input")
         .attr("id", "short_link")
         .text(I18n.t("javascripts.share.short_link")))
         .attr("for", "short_input")
         .attr("id", "short_link")
         .text(I18n.t("javascripts.share.short_link")))

-      .append($("<a>")
+      .append($("<a class='btn btn-primary'>")

         .attr("for", "embed_html")
         .attr("href", "#")
         .text(I18n.t("javascripts.share.embed")))
       .on("click", "a", function (e) {
         e.preventDefault();
         var id = "#" + $(this).attr("for");
         .attr("for", "embed_html")
         .attr("href", "#")
         .text(I18n.t("javascripts.share.embed")))
       .on("click", "a", function (e) {
         e.preventDefault();
         var id = "#" + $(this).attr("for");

-        $linkSection.find(".share-tabs a")
+        $(this).siblings("a")

           .removeClass("active");
         $(this).addClass("active");
         $linkSection.find(".share-tab")
           .removeClass("active");
         $(this).addClass("active");
         $linkSection.find(".share-tab")


@@ -67,7 +66,6 @@ L.OSM.share = function (options) {
 
     $("<div>")
       .attr("class", "share-tab")
 
     $("<div>")
       .attr("class", "share-tab")

-      .css("display", "block")

       .appendTo($form)
       .append($("<input>")
         .attr("id", "long_input")
       .appendTo($form)
       .append($("<input>")
         .attr("id", "long_input")


@@ -76,6 +74,7 @@ L.OSM.share = function (options) {
 
     $("<div>")
       .attr("class", "share-tab")
 
     $("<div>")
       .attr("class", "share-tab")

+      .hide()

       .appendTo($form)
       .append($("<input>")
         .attr("id", "short_input")
       .appendTo($form)
       .append($("<input>")
         .attr("id", "short_input")


@@ -84,6 +83,7 @@ L.OSM.share = function (options) {
 
     $("<div>")
       .attr("class", "share-tab")
 
     $("<div>")
       .attr("class", "share-tab")

+      .hide()

       .appendTo($form)
       .append(
         $("<textarea>")
       .appendTo($form)
       .append(
         $("<textarea>")