facet: css for grid responsive

2020-12-03 10:15:00 +01:00 · 2020-12-03 10:15:00 +01:00 · 0cadab8b51
parent 716e96b16c
commit 0cadab8b51
2 changed files with 4 additions and 0 deletions
--- a/R/facets.R
+++ b/R/facets.R
@ -53,6 +53,7 @@ build_grid <- function(content, nrow = NULL, ncol = NULL, col_gap = "0px", row_g
    } 
  }
  htmltools::tags$div(
+    class = "apexcharter-facet-container",
    style = "display: grid;",
    style = sprintf("grid-template-columns: repeat(%s, 1fr);", ncol),
    style = sprintf("grid-template-rows: repeat(%s, 1fr);", nrow),
--- a/inst/htmlwidgets/apexcharter.css
+++ b/inst/htmlwidgets/apexcharter.css
@ -6,3 +6,6 @@
  box-shadow: 0 1px 28px -12px #3B4252;
 }

+.apexcharter-facet-container > div {
+  min-width: 0;
+}