Ticket #3988 - Artificer template (part 5): PRE overflow in comments.

modules/boonex/artificer/data/template/system/css/media-phone.css

@@ -21,7 +21,7 @@ html.bx-media-phone {
 
 .bx-media-phone .bx-def-constraint-all *,
 .bx-media-phone .bx-def-constraint-list ol, .bx-def-constraint-list ul,
-.bx-media-phone .bx-def-constraint-pre pre,
+.bx-media-phone .bx-def-constraint-pre:not(.bx-def-vanilla-html) pre,
 .bx-media-phone .bx-def-constraint-object object,
 .bx-media-phone .bx-def-constraint-iframe iframe,
 .bx-media-phone .bx-def-constraint-img img {
@@ -36,7 +36,7 @@ html.bx-media-phone {
 .bx-media-phone .bx-def-constraint-img img {
     height:auto !important;
 }
-.bx-media-phone .bx-def-constraint-pre pre {
+.bx-media-phone .bx-def-constraint-pre:not(.bx-def-vanilla-html) pre {
     overflow:scroll !important;
 }
 

modules/boonex/artificer/data/template/system/css/media-tablet.css

@@ -21,7 +21,7 @@ html.bx-media-tablet {
 
 .bx-media-tablet .bx-def-constraint-all *,
 .bx-media-tablet .bx-def-constraint-list ol, .bx-def-constraint-list ul,
-.bx-media-tablet .bx-def-constraint-pre pre,
+.bx-media-tablet .bx-def-constraint-pre:not(.bx-def-vanilla-html) pre,
 .bx-media-tablet .bx-def-constraint-object object,
 .bx-media-tablet .bx-def-constraint-iframe iframe,
 .bx-media-tablet .bx-def-constraint-img img {
@@ -33,7 +33,7 @@ html.bx-media-tablet {
     max-width:500px !important;
     overflow:hidden !important;
 }
-.bx-media-tablet .bx-def-constraint-pre pre {
+.bx-media-tablet .bx-def-constraint-pre:not(.bx-def-vanilla-html) pre {
     overflow:scroll !important;
 }
 

template/comment.html

@@ -2,8 +2,8 @@
     <a id="__anchor__" class="__style_prefix__-anchor"></a>
     <div class="__style_prefix__-cnt__class_cnt__ flex items-start">
         <div class="__style_prefix__-blink-plate"></div>
-        <div class="__style_prefix__-avatar bx-def-thumb-size">__author_unit__</div>
-        <div class="__style_prefix__-info bx-def-thumb-size-min-height sm:pl-2 lg:pl-4">
+        <div class="__style_prefix__-avatar bx-def-thumb-size flex-none">__author_unit__</div>
+        <div class="__style_prefix__-info grow bx-def-thumb-size-min-height flex-auto min-w-0 sm:pl-2 lg:pl-4">
             <bx_if:show_notes>
                 <div class="__style_prefix__-notes mb-1">
                     <bx_repeat:notes>