Remove some custom css for pages with embedded iD

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 023dcdca7557236624eafda36dc9c153a1650e1f..1fdb62067cb23968aa62c09aca3bc8320945ac28 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -852,11 +852,6 @@ tr.turn:hover {
     bottom: 0;
     width: 100%;
   }
     bottom: 0;
     width: 100%;
   }

-
-  #map {
-    height: 100%;
-    overflow: hidden;
-  }

 }
 
 /* Rules for non-map content pages */
 }
 
 /* Rules for non-map content pages */


@@ -1102,13 +1097,6 @@ div.secondary-actions {
   }
 }
 
   }
 }
 

-/* Rules for the iD editor */
-
-.id-embed {
-  width: 100%;
-  height: 100%;
-}
-

 /* Rules for the "Welcome" page */
 .site-welcome, .site-fixthemap {
   .sprite {
 /* Rules for the "Welcome" page */
 .site-welcome, .site-fixthemap {
   .sprite {

diff --git a/app/views/site/_id.html.erb b/app/views/site/_id.html.erb
index c0ea3631b35a11d7b99068f33c69a23c170622f9..0ba4200a8462ca86a245b57d26a9a6ecc8ebce56 100644 (file)
--- a/app/views/site/_id.html.erb
+++ b/app/views/site/_id.html.erb
@@ -1,10 +1,10 @@
 <%= javascript_include_tag "edit/id" %>
 
 <%= javascript_include_tag "edit/id" %>
 

-<div id="map">
+<div id="map" class="h-100 overflow-hidden">

   <% data = { :configured => Settings.key?(:id_application) }
      data[:lat] = @lat if @lat
      data[:lon] = @lon if @lon
      data[:gpx] = trace_data_url(params[:gpx], :format => :xml) if params[:gpx]
      data[:url] = id_url(:locale => params[:locale]) %>
   <% data = { :configured => Settings.key?(:id_application) }
      data[:lat] = @lat if @lat
      data[:lon] = @lon if @lon
      data[:gpx] = trace_data_url(params[:gpx], :format => :xml) if params[:gpx]
      data[:url] = id_url(:locale => params[:locale]) %>

-  <%= tag.iframe "", :frameBorder => 0, :id => "id-embed", :class => "id-embed", :allowfullscreen => "", :data => data %>
+  <%= tag.iframe "", :frameBorder => 0, :id => "id-embed", :class => "w-100 h-100", :allowfullscreen => "", :data => data %>

 </div>
 </div>