markawesome 0.18.0 → 0.18.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b3ce7a2c074d2d33074977cfe3f20c474ba14908e4c07e283c8067e9adce65f4
-  data.tar.gz: 54c1bdd4ab2c53d11c14589757707b3325555afa5315142fa5341f6842d0b90a
+  metadata.gz: 6c2c5ebb3f9f231f78078d8ff504c309a0a20a2b786835db6763b79ec02c2ecb
+  data.tar.gz: c2828be808439565b2ff460feaf052ed97640fd9605a973897656d86b71160e6
 SHA512:
-  metadata.gz: ae0b842c192958678ed64bca94c3f637d16c58c4c641c8cc02bc69234ca35e322fd4f677d424c959499c692a5b6f1c7acc477123ad86c3c4eb94a2c91c2ae654
-  data.tar.gz: d870d957d821ca0cd44c46a6afa7175d26436538ed3dae3ce2f7363afb8b1d20aa79a5195743fbfe7b47f5c7494402c89c32ce630acb6010d3f5fa91f1bb2b03
+  metadata.gz: 43d62e1980cd64700193e51dfef75007b4a64382ee70b4623283e24d29bd9dc6b0043834411bad243131abf57328587008704c858da90a4dc2d33a3410db9faf
+  data.tar.gz: 2668f52f02046b64911bbc7cb979fb4d9cd6c061eb811f3f06a7f21d0a46eb859adf300d836c30b1e544f2b03fabc39617a384c83c12ae70f1159db7b1424c02

data/CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 ## [Unreleased]
 
+## [0.18.1] - 2026-07-04
+
+### Fixed
+
+- **Horizontal cards no longer overflow with multi-block bodies.** A `===horizontal` card whose body has more than one block (e.g. a `#` heading plus a paragraph) now wraps the body in a single `<div>`, so Web Awesome's `:host([orientation='horizontal']) .body slot::slotted(*) { height: 100% }` rule — which it applies to **every** direct body child — targets the one wrapper instead of each block. Previously each block was stretched to the full card height and the extra ones spilled out below the card. Vertical cards are unchanged (no wrapper is emitted). Parity locked by the new `card-horizontal-body-wrap` case in `markawesome-js`'s `test/parity-corpus.test.ts`.
+
 ## [0.18.0] - 2026-07-04
 
 ### Added

data/lib/markawesome/transformers/card_transformer.rb

@@ -138,8 +138,7 @@ module Markawesome
 
         # Main content
         if parts[:content] && !parts[:content].empty?
-          content_html = markdown_to_html(parts[:content])
-          html_parts << content_html
+          html_parts << body_content_html(parts[:content], orientation)
         end
 
         # Footer slot
@@ -149,6 +148,17 @@ module Markawesome
 
         "<wa-card#{attr_string}>#{html_parts.join}</wa-card>"
       end
+
+      # Horizontal cards wrap the body in a single <div> so Web Awesome's
+      # `:host([orientation='horizontal']) .body slot::slotted(*) { height: 100% }`
+      # rule — which it applies to EVERY direct body child — targets one wrapper
+      # instead of each block. Without the wrapper a multi-block body (e.g. a
+      # heading plus a paragraph) has each child stretched to the full card
+      # height, so the extra ones overflow below it.
+      def body_content_html(content, orientation)
+        content_html = markdown_to_html(content)
+        orientation == 'horizontal' ? "<div>#{content_html}</div>" : content_html
+      end
     end
   end
 end

data/lib/markawesome/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Markawesome
-  VERSION = '0.18.0'
+  VERSION = '0.18.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: markawesome
 version: !ruby/object:Gem::Version
-  version: 0.18.0
+  version: 0.18.1
 platform: ruby
 authors:
 - Janne Waren