From 0f7caafd54d5c09b1e283cb510f16d5f883cadde Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 18 Oct 2021 14:21:18 +0200
Subject: [PATCH] feat: moved most of namespaces.scss styles to the
 ListNamespaces.vue component

---
 src/styles/components/namespaces.scss   | 48 ++-----------------------
 src/views/namespaces/ListNamespaces.vue | 46 ++++++++++++++++++++++++
 2 files changed, 48 insertions(+), 46 deletions(-)

diff --git a/src/styles/components/namespaces.scss b/src/styles/components/namespaces.scss
index 2e63d051e..e244793ce 100644
--- a/src/styles/components/namespaces.scss
+++ b/src/styles/components/namespaces.scss
@@ -1,47 +1,3 @@
-.namespaces-list {
-  .button.new-namespace {
-    float: right;
-    margin-left: 1rem;
-
-    @media screen and (max-width: $mobile) {
-      float: none;
-      width: 100%;
-      margin-bottom: 1rem;
-    }
-  }
-
-  .show-archived-check {
-    margin-bottom: 1rem;
-  }
-
-  &.loader-container.is-loading {
-    min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem + 1.5rem});
-  }
-
-  .namespace {
-    &:not(:last-child) {
-      margin-bottom: 1rem;
-    }
-
-    h1 {
-      display: flex;
-      align-items: center;
-    }
-
-    .is-archived {
-      font-size: 0.75rem;
-      border: 1px solid $grey-500;
-      color: $grey !important;
-      padding: 2px 4px;
-      border-radius: 3px;
-      font-family: $vikunja-font;
-      background: rgba($white, 0.75);
-      margin-left: .5rem;
-    }
-
-    .lists {
-      display: flex;
-      flex-flow: row wrap;
-    }
-  }
+.namespaces-list.loader-container.is-loading {
+	min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem + 1.5rem});
 }
\ No newline at end of file
diff --git a/src/views/namespaces/ListNamespaces.vue b/src/views/namespaces/ListNamespaces.vue
index 21f68cd73..addaa596e 100644
--- a/src/views/namespaces/ListNamespaces.vue
+++ b/src/views/namespaces/ListNamespaces.vue
@@ -101,3 +101,49 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.namespaces-list {
+  .button.new-namespace {
+    float: right;
+    margin-left: 1rem;
+
+    @media screen and (max-width: $mobile) {
+      float: none;
+      width: 100%;
+      margin-bottom: 1rem;
+    }
+  }
+
+  .show-archived-check {
+    margin-bottom: 1rem;
+  }
+
+  .namespace {
+    &:not(:last-child) {
+      margin-bottom: 1rem;
+    }
+
+    h1 {
+      display: flex;
+      align-items: center;
+    }
+
+    .is-archived {
+      font-size: 0.75rem;
+      border: 1px solid $grey-500;
+      color: $grey !important;
+      padding: 2px 4px;
+      border-radius: 3px;
+      font-family: $vikunja-font;
+      background: rgba($white, 0.75);
+      margin-left: .5rem;
+    }
+
+    .lists {
+      display: flex;
+      flex-flow: row wrap;
+    }
+  }
+}
+</style>
\ No newline at end of file