commit: 40fe40d96b2a4dadf706637954b529ee80af75a4
parent: 137a7e643d22be6461f79cc134df1e459c576228
Author: Roger Braun <roger@rogerbraun.net>
Date: Tue, 21 Feb 2017 15:24:35 +0100
Better attachment removal styling.
Diffstat:
1 file changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
@@ -6,11 +6,11 @@
</div>
<div class="attachments">
<div class="attachment" v-for="file in newStatus.files">
+ <i class="fa icon-cancel" @click="removeMediaFile(file)"></i>
<img class="thumbnail media-upload" :src="file.image" v-if="type(file) === 'image'"></img>
<video v-if="type(file) === 'video'" :src="file.image" controls></video>
<audio v-if="type(file) === 'audio'" :src="file.image" controls></audio>
<a v-if="type(file) === 'unknown'" :href="file.image">{{file.url}}</a>
- <i class="fa icon-cancel" @click="removeMediaFile(file)"></i>
</div>
</div>
<div class='form-bottom'>
@@ -52,6 +52,15 @@
.attachments {
padding: 0.5em;
+
+ i {
+ position: absolute;
+ margin: 10px;
+ padding: 5px;
+ background: rgba(230,230,230,0.6);
+ border-radius: 0.5em;
+ font-weight: bold;
+ }
}
form {