diff options
| author |  Vitaly Takmazov | 2019-04-08 17:12:18 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2023-01-13 10:37:54 +0300 |
| commit | 603c3960422fc9976d270cf8dc57afd245caa6e4 (patch) | |
| tree | c4bcabc940546eb0d605d5815c6d69b24baad2e1 /vnext/src/components/Message.css | |
| parent | 820a5033db1a629f62d24fcfec2b2505abcb0b93 (diff) | |
Embed links
Diffstat (limited to 'vnext/src/components/Message.css')
| -rw-r--r-- | vnext/src/components/Message.css | 51 |
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; +} + |