IE compatibility

diff --git a/app/assets/javascripts/leaflet.key.js b/app/assets/javascripts/leaflet.key.js
index d12187bc2f80581ba5f42d9120c3f0abee31bcf3..c5124e39d6cf139e4e5b1115e2c691fed532303d 100644 (file)
--- a/app/assets/javascripts/leaflet.key.js
+++ b/app/assets/javascripts/leaflet.key.js
@@ -16,7 +16,7 @@ L.OSM.key = function (options) {
     var $ui = $('<div>')
       .attr('class', 'key-ui');
 
-    $('<header>')
+    $('<div>')
       .attr('class', 'sidebar_heading')
       .appendTo($ui)
       .append(
@@ -29,7 +29,8 @@ L.OSM.key = function (options) {
         $('<h4>')
           .text(I18n.t('javascripts.key.title')));
 
-    var $section = $('<section>')
+    var $section = $('<div>')
+      .attr('class', 'section')
       .appendTo($ui);
 
     options.sidebar.addPane($ui);

diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js
index 8bcbb701ce269497f500bc84f9b15ba066970876..e5fbdf7c83a7cc19ad0d3984b7f9558e51014b39 100644 (file)
--- a/app/assets/javascripts/leaflet.layers.js
+++ b/app/assets/javascripts/leaflet.layers.js
@@ -18,7 +18,7 @@ L.OSM.layers = function(options) {
     var $ui = $('<div>')
       .attr('class', 'layers-ui');
 
-    $('<header>')
+    $('<div>')
       .attr('class', 'sidebar_heading')
       .appendTo($ui)
       .append(
@@ -31,8 +31,8 @@ L.OSM.layers = function(options) {
         $('<h4>')
           .text(I18n.t('javascripts.map.layers.header')));
 
-    var baseSection = $('<section>')
-      .addClass('base-layers')
+    var baseSection = $('<div>')
+      .attr('class', 'section base-layers')
       .appendTo($ui);
 
     $('<p>')
@@ -109,8 +109,8 @@ L.OSM.layers = function(options) {
     });
 
     if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
-      var overlaySection = $('<section>')
-        .addClass('overlay-layers')
+      var overlaySection = $('<div>')
+        .attr('class', 'section overlay-layers')
         .appendTo($ui);
 
       $('<p>')

diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js
index f261a9d726b6be66118ec76a25e24492eccb55cd..b808bc435b4ccf4648f3156ec15ddc71ce0aaedd 100644 (file)
--- a/app/assets/javascripts/leaflet.share.js
+++ b/app/assets/javascripts/leaflet.share.js
@@ -16,7 +16,7 @@ L.OSM.share = function (options) {
     var $ui = $('<div>')
       .attr('class', 'share-ui');
 
-    $('<header>')
+    $('<div>')
       .attr('class', 'sidebar_heading')
       .appendTo($ui)
       .append(
@@ -29,8 +29,8 @@ L.OSM.share = function (options) {
         $('<h4>')
           .text(I18n.t('javascripts.share.title')));
 
-    var $linkSection = $('<section>')
-      .attr('class', 'share-link')
+    var $linkSection = $('<div>')
+      .attr('class', 'section share-link')
       .appendTo($ui);
 
     $('<h4>')

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 77d4e8458e86bde70ffe9ba292342a9d235325d2..9ba10f38b9a0a4cddd2f4eaccf5f0d5681765239 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -587,7 +587,7 @@ a.donate {
   border-left: 1px solid #CCC;
   overflow: auto;
 
-  section {
+  .section {
     border-bottom: 1px solid #DDD;
     padding: 15px;
   }