New layer slots don't take up as much space

This commit is contained in:
PMKuipers 2023-07-18 15:58:56 +02:00
parent b9e531c9ea
commit 0f5b42f4b8
2 changed files with 12 additions and 20 deletions

View File

@ -1663,10 +1663,6 @@ export default {
type: Object, type: Object,
default(){ return null;}, default(){ return null;},
}, },
active: {
type: Boolean,
default: false,
},
}, },
mounted() { mounted() {
@ -1838,7 +1834,7 @@ export default {
><t-item v-model="item" :plan="plan"></t-item ><t-item v-model="item" :plan="plan"></t-item
></drag ></drag
><drop v-else ><drop v-else
:class="'t-slot-droplist '+type" :class="'t-slot-drop '+type + (layer > 0?' secondary':' primary')"
:accepts-type="dragacceptlist" :accepts-type="dragacceptlist"
@drop="onDrop" @drop="onDrop"
mode="cut" mode="cut"

View File

@ -228,12 +228,12 @@ ul.t-competency-list li {
width: 75px; 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; margin-left: 10px;
} }
.t-slot-droplist { .t-slot-drop {
min-height: 32px; min-height: 32px;
height: 100%; height: 100%;
min-width: 50px; min-width: 50px;
@ -243,24 +243,20 @@ ul.t-competency-list li {
justify-content: center; justify-content: center;
} }
.t-slot-droplist.competency { .t-slot-drop.competency {
min-width: 100px; min-width: 100px;
} }
.t-slot-droplist.filter { .t-slot-drop.filter {
min-width: 50px; min-width: 50px;
} }
.t-drop-slot:not(.drop-allowed) { .t-slot-drop.secondary {
display: none; min-height: 0px;
} }
.t-drop-slot.drop-allowed i { .t-slot-drop.secondary.drop-allowed {
color: #ccc; min-height: 12px;
}
.t-drop-slot.drop-allowed.drop-in i {
color: #333;
} }
.t-slot-item.feedback { .t-slot-item.feedback {
@ -432,17 +428,17 @@ ul.t-toolbox li {
color: #ddaa00; color: #ddaa00;
} }
.t-slot-droplist.type-allowed { .t-slot-drop.type-allowed {
border-color: green; border-color: green;
border-style: dashed; border-style: dashed;
border-width: 1px; border-width: 1px;
} }
.t-slot-droplist.type-allowed.drop-forbidden { .t-slot-drop.type-allowed.drop-forbidden {
border-color: red; border-color: red;
} }
.t-slot-droplist.filter .t-item-base { .t-slot-drop.filter .t-item-base {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;