Adjust margins in beamer style

iamgio · Jul 23, 2024 · c742cef · c742cef
1 parent 2318204
commit c742cef
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 5 deletions.
diff --git a/core/src/main/kotlin/eu/iamgio/quarkdown/rendering/html/QuarkdownHtmlNodeRenderer.kt b/core/src/main/kotlin/eu/iamgio/quarkdown/rendering/html/QuarkdownHtmlNodeRenderer.kt
@@ -78,7 +78,7 @@ class QuarkdownHtmlNodeRenderer(context: Context) : BaseHtmlNodeRenderer(context
         }
     }
 
-    override fun visit(node: Clipped) = div("clip-${node.clip.asCSS}", node.children)
+    override fun visit(node: Clipped) = div("clip clip-${node.clip.asCSS}", node.children)
 
     override fun visit(node: Box) =
         div("box") {

diff --git a/core/src/main/resources/render/theme/layout/beamer.css b/core/src/main/resources/render/theme/layout/beamer.css
@@ -66,6 +66,19 @@ table tr:last-child td {
     width: 100% !important;
 }
 
+.reveal img {
+    max-width: 100% !important;
+    max-height: 100% !important;
+}
+
+.stack > p, .clip > p {
+    margin: 0;
+}
+
+.clip img {
+    margin: 0 !important;
+}
+
 .box {
     width: 100%;
     margin: 12px;

diff --git a/core/src/test/resources/rendering/quarkdown/clipped.html b/core/src/test/resources/rendering/quarkdown/clipped.html
@@ -1,4 +1,4 @@
-<div class="clip-circle">
+<div class="clip clip-circle">
     <p>
         Foo
         <br />

diff --git a/test/src/test/kotlin/eu/iamgio/quarkdown/test/FullPipelineTest.kt b/test/src/test/kotlin/eu/iamgio/quarkdown/test/FullPipelineTest.kt
@@ -346,13 +346,13 @@ class FullPipelineTest {
                     "<h2>Quarkdown</h2><p>A cool language</p>" +
                     "</div>" +
                     "<div style=\"justify-content: flex-start; align-items: center; gap: 1.0cm;\" class=\"stack stack-vertical\">" +
-                    "<div class=\"clip-circle\">" +
+                    "<div class=\"clip clip-circle\">" +
                     "<p><img src=\"img1.png\" alt=\"\" /></p>" +
                     "</div>" +
-                    "<div class=\"clip-circle\">" +
+                    "<div class=\"clip clip-circle\">" +
                     "<p><img src=\"img2.png\" alt=\"\" /></p>" +
                     "</div>" +
-                    "<div class=\"clip-circle\">" +
+                    "<div class=\"clip clip-circle\">" +
                     "<p><img src=\"img3.png\" alt=\"\" /></p>" +
                     "</div>" +
                     "</div>" +