Patch leaflet.css with missing rule about <img> in pane (#770)

rstudio · Feb 3, 2022 · 152c983 · 152c983
1 parent b06f1b3
commit 152c983
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/NEWS b/NEWS
@@ -7,7 +7,7 @@ FEATURES
 BUG FIXES and IMPROVEMENTS
 * Enable JS function literals (wrapped in `htmlwidgets::JS()`) to be included in arguments to methods invoked on `leafletProxy` objects. (JS function literals could already be included with methods invoked on `leaflet` objects, so this change just brings `leafletProxy` to parity.) (#420)
 
-
+* Add missing CSS rule to show `<img>` in right-pane and left-pane (rstudio/rmarkdown/issues#1949).
 
 leaflet 2.0.4.1
 --------------------------------------------------------------------------------

diff --git a/inst/htmlwidgets/lib/rstudio_leaflet/rstudio_leaflet.css b/inst/htmlwidgets/lib/rstudio_leaflet/rstudio_leaflet.css
@@ -30,3 +30,12 @@
 .leaflet-map-pane {
   z-index: auto;
 }
+
+/* Add missing rule from leaflet for img.
+This complete existing leaflet.css.
+Fix for https://github.com/rstudio/rmarkdown/issues/1949 */
+.leaflet-container .leaflet-right-pane img,
+.leaflet-container .leaflet-left-pane img {
+	max-width: none !important;
+	max-height: none !important;
+}