From: Alexander Ebert Date: Wed, 13 Apr 2016 15:05:32 +0000 (+0200) Subject: Fixed 'Attachments' tab in editor X-Git-Tag: 3.0.0_Beta_1~1911 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=5290f551cb249229c0e8fdccced19f33c8ecb922;p=GitHub%2FWoltLab%2FWCF.git Fixed 'Attachments' tab in editor --- diff --git a/wcfsetup/install/files/style/ui/attachment.scss b/wcfsetup/install/files/style/ui/attachment.scss index 91881811e7..d931322a42 100644 --- a/wcfsetup/install/files/style/ui/attachment.scss +++ b/wcfsetup/install/files/style/ui/attachment.scss @@ -1,3 +1,4 @@ +/* attachment list in messages */ .attachmentThumbnailList, .attachmentFileList { > ul > li:not(:last-child) { @@ -5,6 +6,7 @@ } } +/* attachment in messages */ .attachmentThumbnail { border-radius: 3px; min-height: #{$wcf_option_attachment_thumbnail_height}px; @@ -39,3 +41,41 @@ } } } + +/* attachments tab in editor */ +.formAttachmentContent { + > .formAttachmentList { + display: flex; + flex-wrap: wrap; + margin-right: -20px; + + > .box64 { + display: flex !important; /* jquery-ui sortable sometimes sets display:block */ + flex: 0 0 calc(50% - 20px); + max-width: calc(50% - 20px); /* IE fix */ + margin-right: 20px; + + > .attachmentTinyThumbnail { + max-height: 64px; + max-width: 64px; + } + } + } + + > dl > dd > div { + align-items: center; + display: flex; + + > .button { + flex: 0 0 auto; + + &:not(:first-child) { + margin-left: 10px; + } + } + + & + small { + margin-top: 10px !important; + } + } +}