From 0f5b42f4b8e43955ee65cef3a4635a70fdb7c5fa Mon Sep 17 00:00:00 2001
From: PMKuipers <pm@miqra.nl>
Date: Tue, 18 Jul 2023 15:58:56 +0200
Subject: [PATCH] New layer slots don't take up as much space

---
 amd/src/studyplan-editor-components.js |  6 +-----
 css/devstyles.css                      | 26 +++++++++++---------------
 2 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/amd/src/studyplan-editor-components.js b/amd/src/studyplan-editor-components.js
index 7dfbe0c..12ea473 100644
--- a/amd/src/studyplan-editor-components.js
+++ b/amd/src/studyplan-editor-components.js
@@ -1663,10 +1663,6 @@ export default {
                     type: Object,
                     default(){ return null;},
                 },
-                active: {
-                    type: Boolean,
-                    default: false,
-                },
 
             },
             mounted() {
@@ -1838,7 +1834,7 @@ export default {
                         ><t-item v-model="item" :plan="plan"></t-item
                         ></drag
                 ><drop v-else
-                    :class="'t-slot-droplist '+type"
+                    :class="'t-slot-drop '+type + (layer > 0?' secondary':' primary')"
                     :accepts-type="dragacceptlist"
                     @drop="onDrop"
                     mode="cut"
diff --git a/css/devstyles.css b/css/devstyles.css
index 5747e0c..f148b07 100644
--- a/css/devstyles.css
+++ b/css/devstyles.css
@@ -228,12 +228,12 @@ ul.t-competency-list li {
     width: 75px;
 }
 
-.t-studyline-slot.t-studyline-slot-0 .t-slot-droplist.filter .t-slot-item {
+.t-studyline-slot.t-studyline-slot-0 .t-slot-drop.filter .t-slot-item {
     margin-left: 10px;
 }
 
 
-.t-slot-droplist {
+.t-slot-drop {
     min-height: 32px;
     height: 100%;
     min-width: 50px;
@@ -243,24 +243,20 @@ ul.t-competency-list li {
     justify-content: center;
 }
 
-.t-slot-droplist.competency {
+.t-slot-drop.competency {
     min-width: 100px;
 }
 
-.t-slot-droplist.filter {
+.t-slot-drop.filter {
     min-width: 50px;
 }
 
-.t-drop-slot:not(.drop-allowed) {
-    display: none;
+.t-slot-drop.secondary {
+    min-height: 0px;
 }
 
-.t-drop-slot.drop-allowed i {
-    color: #ccc;
-}
-
-.t-drop-slot.drop-allowed.drop-in i {
-    color: #333;
+.t-slot-drop.secondary.drop-allowed {
+    min-height: 12px;
 }
 
 .t-slot-item.feedback {
@@ -432,17 +428,17 @@ ul.t-toolbox li {
     color: #ddaa00;
 }
 
-.t-slot-droplist.type-allowed {
+.t-slot-drop.type-allowed {
     border-color: green;
     border-style: dashed;
     border-width: 1px;
 }
 
-.t-slot-droplist.type-allowed.drop-forbidden {
+.t-slot-drop.type-allowed.drop-forbidden {
     border-color: red;
 }
 
-.t-slot-droplist.filter .t-item-base {
+.t-slot-drop.filter .t-item-base {
     display: inline-block;
     margin-top: 5px;
     margin-bottom: 5px;