Template:Message box: Difference between revisions

trying width auto so small messageboxes don't span the whole page
Move mobile tag and rv width as fit-content should do what it says & I tested width:auto earlier
Line 4: Line 4:
   background-color: {{{bgcol|#FFFFCC}}};
   background-color: {{{bgcol|#FFFFCC}}};
   border: 2px solid {{{linecol|#616161}}};
   border: 2px solid {{{linecol|#616161}}};
   width: auto;
   width: fit-content;
   max-width: {{{width|94%}}};
   max-width: {{{width|94%}}};
   place-content: center;
   place-content: center;
Line 18: Line 18:
<div
<div
  style="vertical-align: middle; border: none;"
  style="vertical-align: middle; border: none;"
class="nomobile"
> {{
> {{
   #if: {{{icon|}}}
   #if: {{{icon|}}}
Line 24: Line 23:
}}{{
}}{{
   #if: {{{image|}}}{{{imagetextbefore|}}}{{{imagetextafter|}}}
   #if: {{{image|}}}{{{imagetextbefore|}}}{{{imagetextafter|}}}
   | <div style="margin: 0 {{#if: {{{mini|}}} | 2 | 4 }}px 0 3px;{{{imagecss|}}}">
   | <div style="margin: 0 {{#if: {{{mini|}}} | 2 | 4 }}px 0 3px;{{{imagecss|}}}" class="nomobile">
}} {{{imagetextbefore|}}}{{
}} {{{imagetextbefore|}}}{{
   #if: {{{icon|}}}
   #if: {{{icon|}}}