From 0e716e3cd9e58b567245002687ac39ea18837336 Mon Sep 17 00:00:00 2001
From: shpuld <shp@cock.li>
Date: Wed, 8 Nov 2017 15:09:02 +0200
Subject: Fix oembeds from overflowing on Firefox, fix video border color as
 well as vertical size.

---
 src/components/attachment/attachment.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/components/attachment/attachment.vue')

diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 870ee233..98cd97fb 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -11,7 +11,7 @@
       <img class="base03-border" referrerpolicy="no-referrer" :src="attachment.large_thumb_url || attachment.url"/>
     </a>
 
-    <video v-if="type === 'video' && !hidden" :src="attachment.url" controls loop></video>
+    <video class="base03" v-if="type === 'video' && !hidden" :src="attachment.url" controls loop></video>
 
     <audio v-if="type === 'audio'" :src="attachment.url" controls></audio>
 
@@ -59,6 +59,7 @@
           }
 
           video {
+              max-height: 500px;
               height: 100%;
               border: 1px solid;
               border-radius: 5px;
@@ -103,6 +104,7 @@
               .text {
                   flex: 2;
                   margin: 8px;
+                  word-break: break-all;
                   h1 {
                       font-size: 14px;
                       margin: 0px;
-- 
cgit v1.2.3-70-g09d2

