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: `
<div :class=" 'r-studyline-slot ' + type + ' '
+ 'r-studyline-slot-' + slotindex + ' '
+ 'periodcount-' + page.periods + ' '
+ ((slotindex==0)?'r-studyline-firstcolumn ':' ')"
:data-studyline="line.id" ref="sizeElement"
:style='spanCss'

View File

@ -2653,7 +2653,10 @@ export default {
}
},
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"
:style='spanCss'
><drag v-if="item"

View File

@ -389,6 +389,30 @@ body.path-local-treestudyplan .editmode-switch-form > * {
.features-treestudyplan .r-studyline-slot.filter {
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,
.features-treestudyplan .r-studyline-slot {
min-height: 32px;

View File

@ -273,6 +273,22 @@
&.filter {
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 {
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,
.features-treestudyplan .r-studyline-slot {
min-height: 32px;