Apply badge border classes to child td instead of table (bootstrap-em…

…ail#254) This is necessary to make border-radius work.
maurojs10 · Jan 24, 2024 · 2c03264 · 2c03264
1 parent aedb535
commit 2c03264
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/core/templates/table-left.html b/core/templates/table-left.html
@@ -1,7 +1,7 @@
 <table class="{{ classes }}" align="left" role="presentation">
   <tbody>
     <tr>
-      <td>
+      <td class="{{ child_classes }}">
         {{ contents }}
       </td>
     </tr>

diff --git a/lib/bootstrap-email/converters/badge.rb b/lib/bootstrap-email/converters/badge.rb
@@ -5,7 +5,10 @@ module Converter
     class Badge < Base
       def build
         each_node('.badge') do |node|
-          node.replace(template('table-left', classes: node['class'], contents: node.delete('class') && node.to_html))
+          classes = node['class'].split(' ')
+          node_classes = classes.reject { |c| c =~ /^border/ }.join(' ')
+          child_classes = classes.select { |c| c =~ /^border/ }.join(' ')
+          node.replace(template('table-left', classes: node_classes, child_classes: child_classes, contents: node.delete('class') && node.to_html))
         end
       end
     end