From 0eb87663e011a2c3c0eacf36f74b8835fb74a482 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 18 Oct 2021 14:21:10 +0200
Subject: [PATCH] feat: merge migrator.scss with component styles

---
 src/components/migrator/migration.vue | 82 +++++++++++++++++++++++
 src/styles/components/_index.scss     |  1 -
 src/styles/components/migrator.scss   | 94 ---------------------------
 src/views/migrator/Migrate.vue        | 17 +++++
 4 files changed, 99 insertions(+), 95 deletions(-)
 delete mode 100644 src/styles/components/migrator.scss

diff --git a/src/components/migrator/migration.vue b/src/components/migrator/migration.vue
index 865924c0..235df9ca 100644
--- a/src/components/migrator/migration.vue
+++ b/src/components/migrator/migration.vue
@@ -171,3 +171,85 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.migration-in-progress-container {
+  max-width: 400px;
+  margin: 4rem auto 0;
+  text-align: center;
+}
+
+.migration-in-progress {
+  text-align: center;
+  display: flex;
+  max-width: 400px;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 2rem;
+
+  img {
+    display: block;
+    max-height: 100px;
+  }
+
+  .progress-dots {
+    height: 40px;
+    width: 140px;
+    overflow: visible;
+
+    span {
+      transition: all 500ms ease;
+      background: $grey-500;
+      height: 10px;
+      width: 10px;
+      display: inline-block;
+      border-radius: 10px;
+      animation: wave 2s ease infinite;
+      margin-right: 5px;
+
+      &:nth-child(1) {
+        animation-delay: 0;
+      }
+
+      &:nth-child(2) {
+        animation-delay: 100ms;
+      }
+
+      &:nth-child(3) {
+        animation-delay: 200ms;
+      }
+
+      &:nth-child(4) {
+        animation-delay: 300ms;
+      }
+
+      &:nth-child(5) {
+        animation-delay: 400ms;
+      }
+
+      &:nth-child(6) {
+        animation-delay: 500ms;
+      }
+
+      &:nth-child(7) {
+        animation-delay: 600ms;
+      }
+
+      &:nth-child(8) {
+        animation-delay: 700ms;
+      }
+    }
+  }
+
+  @keyframes wave {
+    0%, 40%, 100% {
+      transform: translate(0, 0);
+      background-color: $primary;
+    }
+    10% {
+      transform: translate(0, -15px);
+      background-color: $primary-dark;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 725d27f6..d5645eca 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -7,7 +7,6 @@
 @import "taskRelations";
 @import "tasks";
 @import "teams";
-@import "migrator";
 @import "table-view";
 @import "namespaces";
 @import "notifications";
diff --git a/src/styles/components/migrator.scss b/src/styles/components/migrator.scss
deleted file mode 100644
index a05f1066..00000000
--- a/src/styles/components/migrator.scss
+++ /dev/null
@@ -1,94 +0,0 @@
-.migration-services-overview {
-  text-align: center;
-
-  a {
-    display: inline-block;
-    width: 100px;
-    text-transform: capitalize;
-    margin-right: 1rem;
-
-    img {
-      display: block;
-    }
-  }
-}
-
-.migration-in-progress-container {
-  max-width: 400px;
-  margin: 4rem auto 0;
-  text-align: center;
-}
-
-.migration-in-progress {
-  text-align: center;
-  display: flex;
-  max-width: 400px;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 2rem;
-
-  img {
-    display: block;
-    max-height: 100px;
-  }
-
-  .progress-dots {
-    height: 40px;
-    width: 140px;
-    overflow: visible;
-
-    span {
-      transition: all 500ms ease;
-      background: $grey-500;
-      height: 10px;
-      width: 10px;
-      display: inline-block;
-      border-radius: 10px;
-      animation: wave 2s ease infinite;
-      margin-right: 5px;
-
-      &:nth-child(1) {
-        animation-delay: 0;
-      }
-
-      &:nth-child(2) {
-        animation-delay: 100ms;
-      }
-
-      &:nth-child(3) {
-        animation-delay: 200ms;
-      }
-
-      &:nth-child(4) {
-        animation-delay: 300ms;
-      }
-
-      &:nth-child(5) {
-        animation-delay: 400ms;
-      }
-
-      &:nth-child(6) {
-        animation-delay: 500ms;
-      }
-
-      &:nth-child(7) {
-        animation-delay: 600ms;
-      }
-
-      &:nth-child(8) {
-        animation-delay: 700ms;
-      }
-    }
-  }
-
-  @keyframes wave {
-    0%, 40%, 100% {
-      transform: translate(0, 0);
-      background-color: $primary;
-    }
-    10% {
-      transform: translate(0, -15px);
-      background-color: $primary-dark;
-    }
-  }
-}
diff --git a/src/views/migrator/Migrate.vue b/src/views/migrator/Migrate.vue
index c081e123..3f3a6e34 100644
--- a/src/views/migrator/Migrate.vue
+++ b/src/views/migrator/Migrate.vue
@@ -34,3 +34,20 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.migration-services-overview {
+  text-align: center;
+
+  a {
+    display: inline-block;
+    width: 100px;
+    text-transform: capitalize;
+    margin-right: 1rem;
+
+    img {
+      display: block;
+    }
+  }
+}
+</style>
\ No newline at end of file