pleroma-fe

commit: f0f5d8c9130a03b162c97f31450733ee269cf76d
parent: 4d6d916395b13d548e0b7f4dc98d85f6d29f0417
Author: Roger Braun <roger@rogerbraun.net>
Date:   Sat, 12 Nov 2016 21:05:01 +0100

CSS fixes for attachments in status posts.

Diffstat:
M
src/App.scss
21
---------------------
M
src/components/post_status_form/post_status_form.vue
30
++++++++++++++++++++++++++++++

2 files changed, 30 insertions(+), 21 deletions(-)
diff --git a/src/App.scss b/src/App.scss
@@ -41,18 +41,6 @@ a {
     padding: 0 10px 0 10px;
 }
 
-form {
-    display: flex;
-    flex-direction: column;
-    padding: 0.5em;
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    padding: 0.5em;
-}
-
 .gaps {
     margin: -1em 0 0 -1em;
 }
@@ -257,15 +245,6 @@ attention {
     color: $main-color;
 }
 
-.form-bottom {
-    display: flex;
-    padding: 0.5em;
-
-    button {
-        flex: 2;
-    }
-}
-
 .status-el {
     line-height: 18px;
 
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
@@ -18,3 +18,33 @@
 </template>
 
 <script src="./post_status_form.js"></script>
+
+<style lang="scss">
+ .post-status-form {
+     .form-bottom {
+         display: flex;
+         padding: 0.5em;
+
+         button {
+             flex: 2;
+         }
+     }
+
+     .attachments {
+         padding: 0.5em;
+     }
+
+     form {
+         display: flex;
+         flex-direction: column;
+         padding: 0.5em;
+     }
+
+     .form-group {
+         display: flex;
+         flex-direction: column;
+         padding: 0.5em;
+     }
+ }
+
+</style>