Unify the styling of attachments below a message

WoltLab · Apr 20, 2024 · e599880 · e599880
1 parent b260e68
commit e599880
Showing 1 changed file with 10 additions and 3 deletions.
diff --git 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 {