155 lines
3.9 KiB
SCSS
155 lines
3.9 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: 481px) {
|
|
/* big youtube */
|
|
/*[class^="embedWrapper_"]:has(iframe),
|
|
[class^="embedWrapper_"]:has(video),
|
|
[class^="embedWrapper_"]:has(img[src*="i.ytimg.com"])*/
|
|
[class^="embedWrapper_"] {
|
|
max-width: 500px !important;
|
|
|
|
:is(
|
|
[class*="embedProvider_"],
|
|
[class*="embedAuthor_"],
|
|
[class*="embedTitle_"],
|
|
[class*="embedDescription_"],
|
|
[class*="embedFields_"],
|
|
[class*="embedFooter_"],
|
|
[class*="embedMedia_"]
|
|
) {
|
|
min-width: unset !important;
|
|
}
|
|
|
|
[class^="gridContainer_"] {
|
|
max-width: 480px !important;
|
|
}
|
|
|
|
[class*="embedMedia_"] {
|
|
max-width: 480px !important;
|
|
max-height: unset !important;
|
|
|
|
[class^="imageWrapper_"] {
|
|
max-width: 480px !important;
|
|
max-height: 480px !important;
|
|
width: max-content !important;
|
|
height: max-content !important;
|
|
|
|
:is(img, video) {
|
|
max-width: 480px !important;
|
|
max-height: 480px !important;
|
|
width: max-content !important;
|
|
height: max-content !important;
|
|
}
|
|
}
|
|
|
|
& > [class^="embedVideo_"] {
|
|
max-width: 480px !important;
|
|
|
|
& > iframe {
|
|
max-width: unset !important;
|
|
max-height: unset !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
[class^="embedWrapper_"]:has(iframe),
|
|
[class^="embedWrapper_"]:has(img[src*="i.ytimg.com"]) {
|
|
[class*="embedMedia_"] [class^="imageWrapper_"] {
|
|
max-height: unset !important;
|
|
|
|
:is(img, video) {
|
|
max-height: unset !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* linked images equal to attachments */
|
|
:is([class^="inlineMediaEmbed_"], [class^="messageAttachment_"]) {
|
|
max-width: 480px !important;
|
|
max-height: 480px !important;
|
|
|
|
[class^="imageWrapper_"] {
|
|
max-width: 480px !important;
|
|
max-height: 480px !important;
|
|
width: max-content !important;
|
|
height: max-content !important;
|
|
|
|
:is(img, video) {
|
|
max-width: 480px !important;
|
|
max-height: 480px !important;
|
|
width: max-content !important;
|
|
height: max-content !important;
|
|
}
|
|
}
|
|
}
|
|
[class^="visualMediaItemContainer_"]:has(> [class^="oneByOneGrid_"]) {
|
|
max-width: unset;
|
|
|
|
& > [class^="oneByOneGrid_"] {
|
|
max-height: 480px !important;
|
|
|
|
& > [class^="mosaicItem_"] {
|
|
max-width: 480px !important;
|
|
|
|
[class^="imageWrapper_"] {
|
|
width: unset !important;
|
|
max-width: 480px !important;
|
|
|
|
:is(img, video) {
|
|
max-width: 480px !important;
|
|
max-height: 480px !important;
|
|
width: max-content !important;
|
|
height: max-content !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
[class^="imageContainer_"]:has([aria-label="GIF"]) + [class^="altText_"] {
|
|
display: none;
|
|
}
|
|
|
|
[class*="wrapper_"][data-fullscreen="true"] > video {
|
|
max-width: unset !important;
|
|
max-height: unset !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
}
|