From 07b4780912a70073638be55b1dbd18bac91dcf6b Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 18 Oct 2021 14:21:53 +0200
Subject: [PATCH] feat: merge switch-view.scss with component styles

---
 src/styles/components/_index.scss      |  1 -
 src/styles/components/switch-view.scss | 43 ------------------------
 src/views/list/ShowList.vue            | 45 ++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 44 deletions(-)
 delete mode 100644 src/styles/components/switch-view.scss

diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 484395aae..ec89c6897 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -1,7 +1,6 @@
 @import "tooltip";
 @import "labels";
 @import "list";
-@import "switch-view";
 @import "task";
 @import "taskRelations";
 @import "tasks";
diff --git a/src/styles/components/switch-view.scss b/src/styles/components/switch-view.scss
deleted file mode 100644
index 266143d6c..000000000
--- a/src/styles/components/switch-view.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-.switch-view {
-  background: $white;
-  display: inline-flex;
-  border-radius: $radius;
-  font-size: .75rem;
-  box-shadow: $shadow-sm;
-  height: $switch-view-height;
-  margin-bottom: 1rem;
-  padding: .5rem;
-
-  a {
-    padding: .25rem .5rem;
-    display: block;
-    border-radius: $radius;
-
-    transition: all 100ms;
-
-    &:not(:last-child) {
-      margin-right: .5rem;
-    }
-
-    &.is-active, &:hover {
-      color: $white;
-    }
-
-    &.is-active {
-      background: $primary;
-      font-weight: bold;
-      box-shadow: $shadow-xs;
-    }
-
-    &:hover {
-      background: $primary;
-    }
-  }
-}
-
-@media screen and (max-width: $tablet) {
-  .switch-view-container {
-    display: flex;
-    justify-content: center;
-  }
-}
diff --git a/src/views/list/ShowList.vue b/src/views/list/ShowList.vue
index 4c72a04b0..cca9b3d52 100644
--- a/src/views/list/ShowList.vue
+++ b/src/views/list/ShowList.vue
@@ -150,6 +150,51 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.switch-view-container {
+  @media screen and (max-width: $tablet) {
+    display: flex;
+    justify-content: center;
+  }
+}
+
+.switch-view {
+  background: $white;
+  display: inline-flex;
+  border-radius: $radius;
+  font-size: .75rem;
+  box-shadow: $shadow-sm;
+  height: $switch-view-height;
+  margin-bottom: 1rem;
+  padding: .5rem;
+
+  a {
+    padding: .25rem .5rem;
+    display: block;
+    border-radius: $radius;
+
+    transition: all 100ms;
+
+    &:not(:last-child) {
+      margin-right: .5rem;
+    }
+
+    &.is-active,
+	&:hover {
+      color: $white;
+    }
+
+    &.is-active {
+      background: $primary;
+      font-weight: bold;
+      box-shadow: $shadow-xs;
+    }
+
+    &:hover {
+      background: $primary;
+    }
+  }
+}
+
 .is-archived .notification.is-warning {
   margin-bottom: 1rem;
 }