Use a separate shadow link for embedded content
authorAlexander Ebert <ebert@woltlab.com>
Fri, 9 Apr 2021 10:07:10 +0000 (12:07 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Fri, 9 Apr 2021 10:07:10 +0000 (12:07 +0200)
Avoid conflicts with complex HTML inside the excerpt similar to how articles work.

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

index 2b8dc8c4b61099f0c10a7b867824f94dfa657200..999292530ca70b91fe55e26a062cfe9716d9eeb8 100644 (file)
@@ -3,11 +3,21 @@
        border: 1px solid $wcfContentBorderInner;
        border-radius: 3px;
        margin: 10px 0;
+       max-width: 600px;
 }
 
 .embeddedContentLink {
        display: block;
        padding: 10px;
+       position: relative;
+}
+
+.embeddedContentLinkShadow {
+       bottom: 0;
+       left: 0;
+       position: absolute;
+       right: 0;
+       top: 0;
 }
 
 .embeddedContentCategory {