mjml-rb 0.2.30 → 0.2.31

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 60152ad5a5d0db48c258f49e6f8b0f3af02fafc7a792b2eb5466a9ea9a2e5648
-  data.tar.gz: 39e06f0b1987f17f75a03a18b20e35926a46972d8a128be50dc903d52643629b
+  metadata.gz: 512c35b10aab7894e19942c4c881e3f08c127c8660c587192a0f9bc3972092cd
+  data.tar.gz: d18d2c2bc8bbdf369af791ebc41841b3b762d85e4811b5cdb408ff66a45dd3e7
 SHA512:
-  metadata.gz: 68d49bbb4d009ab6438e7a768f9fcc83c585d9bb7b95ab7966eed475cfea825226adb5af16c86f6a457513b3abd46f4c3b8db3ff32fcc881cdc5a7c5d2993fea
-  data.tar.gz: 104af894e026ca52a8132f8797ed57d9541da6ebe47f38cc24d61a67daf248df81f972fb90f9d5fb51eba3cc4294a428621db8f287fa0fd2a781a1de6de7a95c
+  metadata.gz: 46e4bb2310909df561685b8307543662bb90ab02678e2db7f81bf9ff0139ddc62a7aa12982bbbd97b0b416b4b0ca5dc5478cda8694f846a303060d7e27915921
+  data.tar.gz: d2ab3041d34a146c49528cb3c7e63c1f3acaab077f565707057626bacb77df5578787ce7ea955ed8e1e9884442c66aabde30af8411ddc552e418e39d8386f0fa

data/lib/mjml-rb/components/column.rb

@@ -42,11 +42,18 @@ module MjmlRb
         css_class = attrs["css-class"]
         a = self.class.default_attributes.merge(attrs)
 
-        pct_str          = width_pct.to_f.to_s.sub(/\.?0+$/, "")
-        col_class_suffix = pct_str.gsub(".", "-")
-        context[:column_widths][col_class_suffix] = pct_str if context[:column_widths]
+        explicit_width = a["width"]
+        if explicit_width && explicit_width.strip.end_with?("px")
+          px_val = explicit_width.to_f.to_s.sub(/\.?0+$/, "")
+          col_class_name = "mj-column-px-#{px_val.gsub('.', '-')}"
+          context[:column_widths][col_class_name] = "#{px_val}px" if context[:column_widths]
+        else
+          pct_str = width_pct.to_f.to_s.sub(/\.?0+$/, "")
+          col_class_name = "mj-column-per-#{pct_str.gsub('.', '-')}"
+          context[:column_widths][col_class_name] = "#{pct_str}%" if context[:column_widths]
+        end
 
-        col_class = "mj-column-per-#{col_class_suffix} mj-outlook-group-fix"
+        col_class = "#{col_class_name} mj-outlook-group-fix"
         col_class = "#{col_class} #{css_class}" if css_class && !css_class.empty?
 
         vertical_align = a["vertical-align"]

data/lib/mjml-rb/components/group.rb

@@ -26,10 +26,10 @@ module MjmlRb
         css_class = a["css-class"]
 
         pct_str = width_pct.to_f.to_s.sub(/\.?0+$/, "")
-        class_suffix = pct_str.gsub(".", "-")
-        context[:column_widths][class_suffix] = pct_str if context[:column_widths]
+        col_class_name = "mj-column-per-#{pct_str.gsub('.', '-')}"
+        context[:column_widths][col_class_name] = "#{pct_str}%" if context[:column_widths]
 
-        group_class = "mj-column-per-#{class_suffix} mj-outlook-group-fix"
+        group_class = "#{col_class_name} mj-outlook-group-fix"
         group_class = "#{group_class} #{css_class}" if css_class && !css_class.empty?
 
         group_width = group_container_width(context, a, width_pct)

data/lib/mjml-rb/components/section.rb

@@ -502,7 +502,12 @@ module MjmlRb
       end
 
       # Generate Outlook IE conditional wrappers around each column/group.
+      # Mirrors npm section's getChildContext() by setting containerWidth to
+      # the section's box width so that column children compute correct widths.
       def render_section_columns(node, context, box_width)
+        previous_container_width = context[:container_width]
+        context[:container_width] = "#{box_width}px"
+
         columns = node.element_children.select { |e| %w[mj-column mj-group].include?(e.tag_name) }
         return render_children(node, context, parent: "mj-section") if columns.empty?
 
@@ -517,9 +522,16 @@ module MjmlRb
           columns.each_with_index.map do |col, i|
             col_attrs = resolved_attributes(col, context)
             v_align   = col_attrs["vertical-align"] || "top"
-            col_px    = (box_width.to_f * widths[i] / 100.0).round
-
-            td_open  = %(<!--[if mso | IE]><td class="" style="vertical-align:#{v_align};width:#{col_px}px;" ><![endif]-->)
+            col_css   = col_attrs["css-class"]
+            outlook_class = col_css ? col_css.split(" ").map { |c| "#{c}-outlook" }.join(" ") : ""
+            col_width_attr = col_attrs["width"]
+            col_px = if col_width_attr && col_width_attr.strip.end_with?("px")
+                       col_width_attr.to_f.round
+                     else
+                       (box_width.to_f * widths[i] / 100.0).round
+                     end
+
+            td_open  = %(<!--[if mso | IE]><td class="#{escape_attr(outlook_class)}" style="vertical-align:#{v_align};width:#{col_px}px;" ><![endif]-->)
             td_close = %(<!--[if mso | IE]></td><![endif]-->)
 
             context[:_column_width_pct] = widths[i]
@@ -530,6 +542,8 @@ module MjmlRb
         end
 
         ([open_table, open_tr] + col_parts + [close_tr, close_table]).join("\n")
+      ensure
+        context[:container_width] = previous_container_width
       end
 
       # ── mj-wrapper ─────────────────────────────────────────────────────────

data/lib/mjml-rb/renderer.rb

@@ -235,14 +235,14 @@ module MjmlRb
       widths = column_widths || {}
       return "" if widths.empty?
 
-      base_rules = widths.map do |suffix, pct|
-        ".mj-column-per-#{suffix} { width:#{pct}% !important; max-width: #{pct}%; }"
+      base_rules = widths.map do |class_name, width_str|
+        ".#{class_name} { width:#{width_str} !important; max-width: #{width_str}; }"
       end
-      moz_rules = widths.map do |suffix, pct|
-        ".moz-text-html .mj-column-per-#{suffix} { width:#{pct}% !important; max-width: #{pct}%; }"
+      moz_rules = widths.map do |class_name, width_str|
+        ".moz-text-html .#{class_name} { width:#{width_str} !important; max-width: #{width_str}; }"
       end
-      owa_rules = widths.map do |suffix, pct|
-        "[owa] .mj-column-per-#{suffix} { width:#{pct}% !important; max-width: #{pct}%; }"
+      owa_rules = widths.map do |class_name, width_str|
+        "[owa] .#{class_name} { width:#{width_str} !important; max-width: #{width_str}; }"
       end
 
       bp = breakpoint.to_s.strip

data/lib/mjml-rb/version.rb

@@ -1,3 +1,3 @@
 module MjmlRb
-  VERSION = "0.2.30".freeze
+  VERSION = "0.2.31".freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mjml-rb
 version: !ruby/object:Gem::Version
-  version: 0.2.30
+  version: 0.2.31
 platform: ruby
 authors:
 - Andrei Andriichuk