Fix formatted text being displayed in columns in the flex-container |
No edit summary |
||
Line 9: | Line 9: | ||
font-weight: var(--font-weight-medium); | font-weight: var(--font-weight-medium); | ||
background-color: var({{{2|--color-information}}}); | background-color: var({{{2|--color-information-bg}}}); | ||
padding: 12px 16px; | padding: 12px 16px; | ||
Line 24: | Line 24: | ||
{{Container | {{Container | ||
|This is a note. | |This is a note. | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:PotatoBadge.png|40px|Note|link=]]}} | |[[File:PotatoBadge.png|40px|Note|link=]]}} | ||
{{Container | {{Container | ||
|This is a note with a large amount of text to test how it overflows. {{Lorem ipsum}} | |This is a note with a large amount of text to test how it overflows. {{Lorem ipsum}} | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:PotatoBadge.png|40px|Note|link=]]}} | |[[File:PotatoBadge.png|40px|Note|link=]]}} | ||
{{Container | {{Container | ||
|This note is potatoless. | |This note is potatoless. | ||
|--color- | |--color-information-bg /* Hero Cyan */}} | ||
{{Container | {{Container | ||
|This is a note with a large amount of text that's potatoless. {{Lorem ipsum}} | |This is a note with a large amount of text that's potatoless. {{Lorem ipsum}} | ||
|--color- | |--color-information-bg /* Hero Cyan */}} | ||
{{Container | {{Container | ||
|This is a note using a svg instead of png. | |This is a note using a svg instead of png. | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:InformationIcon.svg|40px|link=]]}} | |[[File:InformationIcon.svg|40px|link=]]}} | ||
{{Container | {{Container | ||
|This is a note using an svg instead of png. With more text! {{Lorem ipsum}} | |This is a note using an svg instead of png. With more text! {{Lorem ipsum}} | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:InformationIcon.svg|40px|link=]]}} | |[[File:InformationIcon.svg|40px|link=]]}} |