107 lines
2.6 KiB
SCSS
107 lines
2.6 KiB
SCSS
/*[class*="embed_"] {
|
|
border-radius: 0 0 0 0;
|
|
border-color: var(--interactive-active);
|
|
}
|
|
[class*="embed_"] [class*="embedInner_"] {
|
|
border-color: transparent;
|
|
}
|
|
[class*="embed_"] [class*="embedAuthorIcon_"] {
|
|
border-radius: 0;
|
|
}
|
|
[class*="embed_"] [class^="grid_"] {
|
|
padding: 8px !important;
|
|
}
|
|
[class*="embed_"] [class*="embedMargin_"] {
|
|
margin-top: 4px !important;
|
|
}
|
|
[class*="embed_"] [class*="embedMedia_"] {
|
|
margin-top: 4px !important;
|
|
}
|
|
[class*="embed_"] [class*="embedTitle_"] {
|
|
font-size: 16px !important;
|
|
font-weight: 200 !important;
|
|
}
|
|
[class*="embed_"] [class*="embedFieldName_"] {
|
|
font-weight: 500 !important;
|
|
}
|
|
[class*="embed_"] [class*="embedDescription_"],
|
|
[class*="embed_"] [class*="embedFieldName_"],
|
|
[class*="embed_"] [class*="embedFieldValue_"] {
|
|
font-size: 16px !important;
|
|
}
|
|
[class*="embed_"] [class*="embedFooterText_"] {
|
|
font-size: 0.8em;
|
|
}*/
|
|
|
|
@media (min-height: 551px) {
|
|
/* big youtube */
|
|
[class^="embedWrapper_"]:has(iframe),
|
|
[class^="embedWrapper_"]:has(video),
|
|
[class^="embedWrapper_"]:has(img[src*="i.ytimg.com"]) {
|
|
max-width: 550px !important;
|
|
|
|
[class^="gridContainer_"] {
|
|
max-width: 550px !important;
|
|
}
|
|
|
|
[class*="embedMedia_"] {
|
|
max-width: 550px !important;
|
|
max-height: unset !important;
|
|
|
|
[class^="imageWrapper_"] {
|
|
max-width: 550px !important;
|
|
aspect-ratio: unset !important;
|
|
|
|
:is(img, video) {
|
|
max-width: 550px !important;
|
|
max-height: 550px !important;
|
|
aspect-ratio: unset !important;
|
|
}
|
|
}
|
|
|
|
& > [class^="embedVideo_"] {
|
|
max-width: 550px !important;
|
|
aspect-ratio: unset;
|
|
|
|
& > iframe {
|
|
max-width: unset !important;
|
|
max-height: unset !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* linked images equal to attachments */
|
|
:is([class^="inlineMediaEmbed_"], [class^="messageAttachment_"]) {
|
|
max-width: 550px !important;
|
|
max-height: 550px !important;
|
|
|
|
[class^="imageWrapper_"] {
|
|
max-width: 550px !important;
|
|
max-height: 550px !important;
|
|
width: max-content !important;
|
|
height: max-content !important;
|
|
aspect-ratio: unset !important;
|
|
|
|
[class^="loadingOverlay_"] {
|
|
aspect-ratio: unset !important;
|
|
}
|
|
|
|
:is(img, video) {
|
|
max-width: 550px !important;
|
|
max-height: 550px !important;
|
|
width: max-content !important;
|
|
height: max-content !important;
|
|
}
|
|
}
|
|
}
|
|
[class^="oneByOneGrid_"] {
|
|
max-height: 550px !important;
|
|
}
|
|
[class^="imageContainer_"]:has([aria-label="GIF"]) + [class^="altText_"] {
|
|
display: none;
|
|
}
|
|
}
|