pleroma-fe

commit: fa8fa2d3302b5282c1ebc129278365d100be7533
parent: c3bea8dfd15fa6abcd43ace03f0f7556e75c8082
Author: shpuld <shp@cock.li>
Date:   Sat, 14 Apr 2018 15:45:38 +0300

Force oembeds to use 100% width

Diffstat:
M
src/components/attachment/attachment.js
3
+++
M
src/components/attachment/attachment.vue
6
+++++-

2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
@@ -33,6 +33,9 @@ const Attachment = {
     },
     isSmall () {
       return this.size === 'small'
+    },
+    fullwidth () {
+      return fileTypeService.fileType(this.attachment.mimetype) === 'html'
     }
   },
   methods: {
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
@@ -2,7 +2,7 @@
   <div v-if="size==='hide'">
     <a class="placeholder" v-if="type !== 'html'" target="_blank" :href="attachment.url">[{{nsfw ? "NSFW/" : ""}}{{type.toUpperCase()}}]</a>
   </div>
-  <div v-else class="attachment" :class="{[type]: true, loading, 'small-attachment': isSmall}" v-show="!isEmpty">
+  <div v-else class="attachment" :class="{[type]: true, loading, 'small-attachment': isSmall, 'fullwidth': fullwidth}" v-show="!isEmpty">
     <a class="image-attachment" v-if="hidden" @click.prevent="toggleHidden()">
       <img :key="nsfwImage" :src="nsfwImage"/>
     </a>
@@ -71,6 +71,9 @@
     border-color: var(--border, $fallback--border);
     overflow: hidden;
   }
+  .fullwidth {
+    flex-basis: 100%;
+  }
   // fixes small gap below video
   &.video {
     line-height: 0;
@@ -117,6 +120,7 @@
 
   .oembed {
     line-height: 1.2em;
+    flex: 1 0 100%;
     width: 100%;
     margin-right: 15px;
     display: flex;