From a99bf472edf9d72ff7c1e9a55e9f853ce6e09ffd Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 18 Oct 2021 14:20:07 +0200
Subject: [PATCH] feat: merge comments.scss styles with component

---
 src/components/tasks/partials/comments.vue | 42 ++++++++++++++++++++++
 src/styles/components/_index.scss          |  1 -
 src/styles/components/comments.scss        | 40 ---------------------
 3 files changed, 42 insertions(+), 41 deletions(-)
 delete mode 100644 src/styles/components/comments.scss

diff --git a/src/components/tasks/partials/comments.vue b/src/components/tasks/partials/comments.vue
index 9cdc2c036..0e1cfa455 100644
--- a/src/components/tasks/partials/comments.vue
+++ b/src/components/tasks/partials/comments.vue
@@ -304,3 +304,45 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.media.comment {
+  align-items: center;
+
+  .media-left {
+    margin: 0 1rem;
+  }
+
+  .comment-info {
+    display: flex;
+    align-items: center;
+
+    * {
+      padding-right: .5rem;
+    }
+
+    img {
+      display: none;
+
+		@media screen and (max-width: $tablet) {
+			display: block;
+			width: 20px;
+			height: 20px;
+			padding-right: 0;
+			margin-right: .5rem;
+		}
+    }
+
+
+    span {
+      font-size: .75rem;
+      line-height: 1;
+    }
+  }
+
+  .editor {
+    margin-top: .5rem;
+  }
+
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 120ff58cf..cddca3021 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -9,7 +9,6 @@
 @import "tasks";
 @import "teams";
 @import "migrator";
-@import "comments";
 @import "table-view";
 @import "kanban";
 @import "list-backgrounds";
diff --git a/src/styles/components/comments.scss b/src/styles/components/comments.scss
deleted file mode 100644
index b6e2afed6..000000000
--- a/src/styles/components/comments.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.media.comment {
-  align-items: center;
-
-  .media-left {
-    margin: 0 1rem;
-  }
-
-  .comment-info {
-    display: flex;
-    align-items: center;
-
-    * {
-      padding-right: .5rem;
-    }
-
-    img {
-      display: none;
-    }
-
-    @media screen and (max-width: $tablet) {
-      img {
-        display: block;
-        width: 20px;
-        height: 20px;
-        padding-right: 0;
-        margin-right: .5rem;
-      }
-    }
-
-    span {
-      font-size: .75rem;
-      line-height: 1;
-    }
-  }
-
-  .editor {
-    margin-top: .5rem;
-  }
-
-}
\ No newline at end of file