feat: add FIXME comments

src/styles/components/labels.scss

@@ -1,3 +1,4 @@
+// FIXME: adapt lables.vue so that it can be used for this aswell 
 .labels-list {
   a, a:hover {
     text-decoration: none;
@@ -7,6 +8,7 @@
     margin: .5rem 0 .5rem .5rem;
     background: $grey-200;
 
+    // FIXME: only used in ListLabels.vue
     &.disabled {
       opacity: 0.7;
 

src/styles/components/list.scss

@@ -1,3 +1,10 @@
+// FIXME: should be a component <FilterContainer>
+// used in
+// - gantt-component.vue
+// - Kanban.vue
+// - List.vue
+// - Table.vue
+
 $filter-container-top-default: -59px;
 $filter-container-top-link-share-gantt: -138px;
 $filter-container-top-link-share-list: -47px;

src/styles/components/namespaces.scss

@@ -1,3 +1,4 @@
+// FIXME: used in navigation.vue and in ListNamespaces.vue
 .namespaces-list.loader-container.is-loading {
 	min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem + 1.5rem});
 }

src/styles/components/task.scss

@@ -1,7 +1,14 @@
+// FIXME: should be in TaskDetailView.vue
 .link-share-container:not(.has-background) .task-view {
   background: transparent;
 }
 
+// FIXME: create <Done> component
+// used in
+// - heading.vue
+// - kanban-card.vue
+// - Kanban.vue
+// - Table.vue
 .is-done {
   background: $green;
   color: $white;
@@ -14,6 +21,7 @@
   text-align: center;
 }
 
+// FIXME: should be a prop of TaskDetailView.vue
 .modal-container .task-view {
   border-radius: $radius;
   padding: 1rem;

src/styles/components/tasks.scss

@@ -1,3 +1,6 @@
+// FIXME: These classes are used all over.
+// very hard to untangle
+// they have many overwrites at different positions
 .tasks {
 	margin-top: 1rem;
 	padding: 0;
@@ -43,6 +46,9 @@
 
 }
 
+// FIXME: seems only necessary for
+// - relatedTasks.vue
+// - singleTaskInList.vue
 .is-menu-enabled .tasks .task {
 	span:not(.tag), a {
 		.tasktext,
@@ -60,6 +66,10 @@
 	}
 }
 
+// FIXME: is only used where <edit-task> is used aswell:
+// - gantt-component.vue
+// - List.vue
+// -> Move the <card> wrapper including this class definition inside <edit-task>
 .is-max-width-desktop .tasks .task {
 	max-width: $desktop;
 }

src/styles/components/tooltip.scss

@@ -1,3 +1,5 @@
+// FIXME: https://www.bram.us/2021/09/13/dont-attach-tooltips-to-document-body/
+
 .tooltip {
   visibility: collapse;
   z-index: 10000;