bs4_book(): Fix alignment of text blocks within rmdnote divs (rstud…

…io#1175) Co-authored-by: christophe dervieux <[email protected]>
AugustoAnguita · Jun 29, 2021 · 9a7f33c · 9a7f33c
1 parent 788c6d9
commit 9a7f33c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/DESCRIPTION b/DESCRIPTION
@@ -1,7 +1,7 @@
 Package: bookdown
 Type: Package
 Title: Authoring Books and Technical Documents with R Markdown
-Version: 0.22.6
+Version: 0.22.7
 Authors@R: c(
     person("Yihui", "Xie", role = c("aut", "cre"), email = "[email protected]", comment = c(ORCID = "0000-0003-0645-5666")),
     person("JJ", "Allaire", role = "ctb"),

diff --git a/NEWS.md b/NEWS.md
@@ -1,6 +1,8 @@
 # CHANGES IN bookdown VERSION 0.23
 
-- In `bs4_book`, math in footnotes is now rendered (@mine-cetinkaya-rundel, #1026)
+- Style change in `bs4_book()` where code block inside callout blocks will have their background fill the whole width of the bordered block (#1175).
+
+- In `bs4_book()`, math in footnotes is now rendered (@mine-cetinkaya-rundel, #1026)
 
 - `repo` specification in `bs4_book()` can now be done in a more flexible way: base url, branch name, subdir and icon can be specify. See `?bookdown::bs4_book()` for details (thanks, @maelle, #1036).
 

diff --git a/inst/resources/bs4_book/bs4_book.css b/inst/resources/bs4_book/bs4_book.css
@@ -455,6 +455,8 @@ body {
   font-variant: small-caps;
 }
 
+/* special callout blocks */
+
 .rmdnote, .rmdcaution, .rmdimportant, .rmdtip, .rmdwarning {
   margin: 1rem calc(-2px - 0.5em);
   padding: 1rem;
@@ -488,6 +490,12 @@ body {
   border-color: var(--info);
 }
 
+.rmdcaution pre, .rmdimportant pre, .rmdnote pre, .rmdtip pre, .rmdwarning pre {
+  /* Make code blocks full width in rmdnote */
+  margin: 0 -1rem 1rem -1rem;
+  padding: 1rem;
+}
+
 main ul {
  list-style-type: square;
 }