Skip to content

Commit 052d438

Browse files
committed
Undo any floating on screen-xs due to space limitations
See https://www.woltlab.com/community/thread/314376/
1 parent b68d637 commit 052d438

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

wcfsetup/install/files/style/ui/ckeditor.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -559,6 +559,19 @@ html[data-color-scheme="dark"] {
559559
margin: 0 0 20px 20px;
560560
}
561561

562+
@include screen-xs {
563+
.messageFloatObjectLeft,
564+
.messageFloatObjectRight {
565+
float: none;
566+
margin: 0 0 20px 0;
567+
568+
/* Center the element by moving it 50% of the parent’s width to the left
569+
and then moving it back by 50% of the element’s width. */
570+
margin-left: 50%;
571+
transform: translateX(-50%);
572+
}
573+
}
574+
562575
/* Quotes */
563576
.ck.ck-content blockquote {
564577
background-color: var(--wcfContentBackground);

0 commit comments

Comments
 (0)