From 9d7b9d67ca4c6fbd0cba809a52d22637892e0b7f Mon Sep 17 00:00:00 2001
From: Jonas Metzener <jonas.metzener@adfinis.com>
Date: Tue, 15 Aug 2023 10:49:41 +0200
Subject: [PATCH] fix(styling): fix css classes

---
 addon/components/category-nav/category.hbs         |  2 +-
 .../components/category-nav/category/skeleton.hbs  |  2 +-
 app/styles/components/_document-grid.scss          | 14 +++++++++++++-
 app/styles/components/_document-view.scss          | 11 -----------
 app/styles/components/category-nav/_category.scss  |  2 +-
 5 files changed, 16 insertions(+), 15 deletions(-)
 delete mode 100644 app/styles/components/_document-view.scss

diff --git a/addon/components/category-nav/category.hbs b/addon/components/category-nav/category.hbs
index e7ea4db3..94b6aacf 100644
--- a/addon/components/category-nav/category.hbs
+++ b/addon/components/category-nav/category.hbs
@@ -1,4 +1,4 @@
-<li class="category-nav--category" ...attributes>
+<li class="category-nav__category" ...attributes>
   <div
     class="uk-link-reset {{if @selected "active"}}"
     tabindex="0"
diff --git a/addon/components/category-nav/category/skeleton.hbs b/addon/components/category-nav/category/skeleton.hbs
index d67b90f0..f36b4a5e 100644
--- a/addon/components/category-nav/category/skeleton.hbs
+++ b/addon/components/category-nav/category/skeleton.hbs
@@ -1,4 +1,4 @@
-<li class="category-nav--category" ...attributes>
+<li class="category-nav__category" ...attributes>
   <a href="#" disabled data-test-link>
     <div class="uk-flex uk-flex-middle">
       <div>
diff --git a/app/styles/components/_document-grid.scss b/app/styles/components/_document-grid.scss
index 4664da4a..b48c5b5a 100644
--- a/app/styles/components/_document-grid.scss
+++ b/app/styles/components/_document-grid.scss
@@ -5,7 +5,19 @@
   justify-content: center;
   padding-bottom: 15px;
 
-  & .empty {
+  &.empty {
     grid-column: 1 end;
   }
+
+  &--dragover {
+    border: 1px solid $alert-primary-color;
+  }
+
+  &--disallowed {
+    border-color: $alert-danger-color;
+
+    & > button {
+      background-color: $alert-danger-color;
+    }
+  }
 }
diff --git a/app/styles/components/_document-view.scss b/app/styles/components/_document-view.scss
deleted file mode 100644
index 7dc2495f..00000000
--- a/app/styles/components/_document-view.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-&--dragover {
-  border: 1px solid $alert-primary-color;
-}
-
-&--disallowed {
-  border-color: $alert-danger-color;
-
-  & > button {
-    background-color: $alert-danger-color;
-  }
-}
diff --git a/app/styles/components/category-nav/_category.scss b/app/styles/components/category-nav/_category.scss
index 8cc6dccf..4401232c 100644
--- a/app/styles/components/category-nav/_category.scss
+++ b/app/styles/components/category-nav/_category.scss
@@ -2,7 +2,7 @@
   background: $background-default-background;
 }
 
-.uk-nav .category-nav--category > div {
+.uk-nav .category-nav__category > div {
   transition:
     background $animation-duration,
     box-shadow $animation-duration,