Enlarged the width of periods in pages having only 1, 2 or 3 periods.

This commit is contained in:
PMKuipers 2024-08-15 15:10:54 +02:00
parent 65c9537bd3
commit b5e8033680
9 changed files with 73 additions and 5 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1273,6 +1273,7 @@ export default {
template: ` template: `
<div :class=" 'r-studyline-slot ' + type + ' ' <div :class=" 'r-studyline-slot ' + type + ' '
+ 'r-studyline-slot-' + slotindex + ' ' + 'r-studyline-slot-' + slotindex + ' '
+ 'periodcount-' + page.periods + ' '
+ ((slotindex==0)?'r-studyline-firstcolumn ':' ')" + ((slotindex==0)?'r-studyline-firstcolumn ':' ')"
:data-studyline="line.id" ref="sizeElement" :data-studyline="line.id" ref="sizeElement"
:style='spanCss' :style='spanCss'

View File

@ -2653,7 +2653,10 @@ export default {
} }
}, },
template: ` template: `
<div :class="'t-studyline-slot '+type + ' t-studyline-slot-'+slotindex + ' ' + ((slotindex==0)?' t-studyline-firstcolumn ':' ')" <div :class=" 't-studyline-slot '+type
+ ' t-studyline-slot-'+slotindex + ' '
+ ((slotindex==0)?' t-studyline-firstcolumn ':' ')
+ 'periodcount-' + page.periods + ' '"
:data-studyline="line.id" ref="main" :data-studyline="line.id" ref="main"
:style='spanCss' :style='spanCss'
><drag v-if="item" ><drag v-if="item"

View File

@ -389,6 +389,30 @@ body.path-local-treestudyplan .editmode-switch-form > * {
.features-treestudyplan .r-studyline-slot.filter { .features-treestudyplan .r-studyline-slot.filter {
width: 130px; width: 130px;
} }
.path-local-treestudyplan .t-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1,
.path-local-treestudyplan .r-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1,
.features-treestudyplan .t-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1,
.features-treestudyplan .r-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1 {
width: 490px;
}
.path-local-treestudyplan .t-studyline-slot:not(.filter).periodcount-1,
.path-local-treestudyplan .r-studyline-slot:not(.filter).periodcount-1,
.features-treestudyplan .t-studyline-slot:not(.filter).periodcount-1,
.features-treestudyplan .r-studyline-slot:not(.filter).periodcount-1 {
width: 500px;
}
.path-local-treestudyplan .t-studyline-slot:not(.filter).periodcount-2,
.path-local-treestudyplan .r-studyline-slot:not(.filter).periodcount-2,
.features-treestudyplan .t-studyline-slot:not(.filter).periodcount-2,
.features-treestudyplan .r-studyline-slot:not(.filter).periodcount-2 {
width: 365px;
}
.path-local-treestudyplan .t-studyline-slot:not(.filter).periodcount-3,
.path-local-treestudyplan .r-studyline-slot:not(.filter).periodcount-3,
.features-treestudyplan .t-studyline-slot:not(.filter).periodcount-3,
.features-treestudyplan .r-studyline-slot:not(.filter).periodcount-3 {
width: 200px;
}
.path-local-treestudyplan .r-studyline-slot, .path-local-treestudyplan .r-studyline-slot,
.features-treestudyplan .r-studyline-slot { .features-treestudyplan .r-studyline-slot {
min-height: 32px; min-height: 32px;

View File

@ -273,6 +273,22 @@
&.filter { &.filter {
width: 130px; width: 130px;
&:not(.t-studyline-slot-0) {
&.periodcount-1 {
width: 490px;
}
}
}
&:not(.filter) {
&.periodcount-1 {
width: 500px;
}
&.periodcount-2 {
width: 365px;
}
&.periodcount-3 {
width: 200px;
}
} }
} }

View File

@ -389,6 +389,30 @@ body.path-local-treestudyplan .editmode-switch-form > * {
.features-treestudyplan .r-studyline-slot.filter { .features-treestudyplan .r-studyline-slot.filter {
width: 130px; width: 130px;
} }
.path-local-treestudyplan .t-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1,
.path-local-treestudyplan .r-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1,
.features-treestudyplan .t-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1,
.features-treestudyplan .r-studyline-slot.filter:not(.t-studyline-slot-0).periodcount-1 {
width: 490px;
}
.path-local-treestudyplan .t-studyline-slot:not(.filter).periodcount-1,
.path-local-treestudyplan .r-studyline-slot:not(.filter).periodcount-1,
.features-treestudyplan .t-studyline-slot:not(.filter).periodcount-1,
.features-treestudyplan .r-studyline-slot:not(.filter).periodcount-1 {
width: 500px;
}
.path-local-treestudyplan .t-studyline-slot:not(.filter).periodcount-2,
.path-local-treestudyplan .r-studyline-slot:not(.filter).periodcount-2,
.features-treestudyplan .t-studyline-slot:not(.filter).periodcount-2,
.features-treestudyplan .r-studyline-slot:not(.filter).periodcount-2 {
width: 365px;
}
.path-local-treestudyplan .t-studyline-slot:not(.filter).periodcount-3,
.path-local-treestudyplan .r-studyline-slot:not(.filter).periodcount-3,
.features-treestudyplan .t-studyline-slot:not(.filter).periodcount-3,
.features-treestudyplan .r-studyline-slot:not(.filter).periodcount-3 {
width: 200px;
}
.path-local-treestudyplan .r-studyline-slot, .path-local-treestudyplan .r-studyline-slot,
.features-treestudyplan .r-studyline-slot { .features-treestudyplan .r-studyline-slot {
min-height: 32px; min-height: 32px;