aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components/Message.css
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2019-04-08 17:12:18 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:54 +0300
commit603c3960422fc9976d270cf8dc57afd245caa6e4 (patch)
treec4bcabc940546eb0d605d5815c6d69b24baad2e1 /vnext/src/components/Message.css
parent820a5033db1a629f62d24fcfec2b2505abcb0b93 (diff)
Embed links
Diffstat (limited to 'vnext/src/components/Message.css')
-rw-r--r--vnext/src/components/Message.css51
1 files changed, 51 insertions, 0 deletions
diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css
index 55bed2f2..1522c166 100644
--- a/vnext/src/components/Message.css
+++ b/vnext/src/components/Message.css
@@ -158,3 +158,54 @@ blockquote {
font-size: x-large;
margin: 0;
}
+
+.embedContainer {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ padding: 12px;
+ margin: 30px -3px 15px -3px;
+}
+.embedContainer > * {
+ box-sizing: border-box;
+ flex-grow: 1;
+ margin: 3px;
+ min-width: 49%;
+}
+.embedContainer > .compact {
+ flex-grow: 0;
+}
+.embedContainer .picture img {
+ display: block;
+}
+.embedContainer img,
+.embedContainer video {
+ max-width: 100%;
+ max-height: 80vh;
+}
+.embedContainer > .audio,
+.embedContainer > .youtube {
+ min-width: 90%;
+}
+.embedContainer audio {
+ width: 100%;
+}
+.embedContainer iframe {
+ overflow: hidden;
+ resize: vertical;
+ display: block;
+}
+.msg-cont .nsfw .embedContainer img,
+.msg-cont .nsfw .embedContainer video,
+.msg-cont .nsfw .embedContainer iframe,
+.msg-cont .nsfw .ir img {
+ opacity: 0.1;
+}
+.msg-cont .nsfw .embedContainer img:hover,
+.msg-cont .nsfw .embedContainer video:hover,
+.msg-cont .nsfw .embedContainer iframe:hover,
+.msg-cont .nsfw .ir img:hover {
+ opacity: 1;
+}
+