From acc439f26684d3d188542e904190532ac781c936 Mon Sep 17 00:00:00 2001 From: Roger Braun Date: Fri, 4 Nov 2016 12:55:09 +0100 Subject: [PATCH] Attachment CSS fixes. --- src/App.scss | 24 ------ src/components/attachment/attachment.vue | 100 +++++++++++++---------- 2 files changed, 58 insertions(+), 66 deletions(-) diff --git a/src/App.scss b/src/App.scss index a15751aa..4856f990 100644 --- a/src/App.scss +++ b/src/App.scss @@ -156,30 +156,6 @@ status.ng-enter.ng-enter-active { margin: 1em; } -.attachments { - display: flex; - flex-wrap: wrap; -} - -.attachment, attachment { - flex: 1 0 30%; - display: flex; - margin: 0.2em; - align-self: flex-start; - - img { - border: 1px solid; - border-radius: 0.5em; - width: 100%; - } - - video { - border: 1px solid; - border-radius: 0.5em; - width: 100%; - } - -} .media-body { flex: 1 diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 7feab42c..b8c55a1a 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -25,54 +25,70 @@