diff --git a/app/imports/client/ui/components/ColumnLayout.vue b/app/imports/client/ui/components/ColumnLayout.vue index c3bda533..16721057 100644 --- a/app/imports/client/ui/components/ColumnLayout.vue +++ b/app/imports/client/ui/components/ColumnLayout.vue @@ -39,6 +39,14 @@ export default { .column-layout>div, .column-layout>span>div { + display: table; + table-layout: fixed; + width: 100%; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + transform: translateX(0); + -webkit-transform: translateX(0); + -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding: 4px; diff --git a/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue b/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue index f6d2d522..721ab5e0 100644 --- a/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue +++ b/app/imports/client/ui/creature/character/printedCharacterSheet/CharacterSheetPrinted.vue @@ -258,13 +258,6 @@ export default { .character-sheet-printed .column-layout>div { position:relative; - display: block; - width: 100%; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -webkit-column-break-inside: avoid; - break-inside: avoid; - page-break-inside: avoid; } .character-sheet-printed .column-layout>div>* { -webkit-column-break-inside: avoid;