Unify the styling of attachments below a message

diff --git a/wcfsetup/install/files/style/ui/attachment.scss b/wcfsetup/install/files/style/ui/attachment.scss
index 1e52e6da330be3f2b19a4d61c1d0adc5e05e27d5..6c30e974fbdeb5b2d6de9a3c831c48614a645e48 100644 (file)
--- a/wcfsetup/install/files/style/ui/attachment.scss
+++ b/wcfsetup/install/files/style/ui/attachment.scss
@@ -15,9 +15,9 @@
 }
 
 .attachmentThumbnail {
-       box-shadow:
-               0 0 3px rgba(0, 0, 0, 0.12),
-               0 1px 2px rgba(0, 0, 0, 0.24);
+       border: 1px solid transparent;
+       border-radius: var(--wcfBorderRadius);
+       box-shadow: var(--wcfBoxShadowCard);
        margin-bottom: 15px !important;
        position: relative;
 
@@ -38,6 +38,7 @@
        .attachmentThumbnailImage {
                align-items: center;
                background-color: #333;
+               border-radius: calc(var(--wcfBorderRadius) - 1px);
                display: flex;
                justify-content: center;
                overflow: hidden;
@@ -128,6 +129,12 @@
        }
 }
 
+html[data-color-scheme="dark"] {
+       .attachmentThumbnail {
+               border-color: var(--wcfContentBorderInner);
+       }
+}
+
 /* attachments tab in editor */
 .formAttachmentContent {
        .formAttachmentList {