Added hack to limit length of edit screen

This commit is contained in:
PMKuipers 2024-05-24 13:16:43 +02:00
parent 582db40016
commit c88f132201
4 changed files with 30 additions and 7 deletions

View File

@ -125,12 +125,19 @@ body.path-local-treestudyplan .editmode-switch-form > * {
--studyplan-filter-width: auto; /* better leave this at auto for now*/ --studyplan-filter-width: auto; /* better leave this at auto for now*/
--studyplan-course-width: auto; /* better leave this at auto for now*/ --studyplan-course-width: auto; /* better leave this at auto for now*/
} }
.path-local-treestudyplan .t-studyplan-limit-width,
.features-treestudyplan .t-studyplan-limit-width {
max-width: 92vw;
}
.path-local-treestudyplan .t-studyplan-scrollable, .path-local-treestudyplan .t-studyplan-scrollable,
.path-local-treestudyplan .r-studyplan-scrollable, .path-local-treestudyplan .r-studyplan-scrollable,
.features-treestudyplan .t-studyplan-scrollable, .features-treestudyplan .t-studyplan-scrollable,
.features-treestudyplan .r-studyplan-scrollable { .features-treestudyplan .r-studyplan-scrollable {
overflow-x: scroll; /* below lines actually have the important flag set, since we do not want these very specific classes
overflow-y: clip; /* to ensure the x scrollbar does not cause an y scrollbar to appear */ to be overridden anywhere - we always need them to be scrollable */
overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
/* to ensure the x scrollbar does not cause an y scrollbar to appear */
overflow-y: clip !important; /* stylelint-disable-line declaration-no-important */
scrollbar-color: var(--primary) color-mix(in srgb, var(--primary) 20%, white); scrollbar-color: var(--primary) color-mix(in srgb, var(--primary) 20%, white);
scrollbar-width: thin; scrollbar-width: thin;
} }

View File

@ -112,7 +112,7 @@ function t($str, $param = null, $plugin = 'local_treestudyplan') {
print $OUTPUT->header(); print $OUTPUT->header();
?> ?>
<div id='root'> <div id='root' class="t-studyplan-limit-width">
<div class='vue-loader' v-show='false'> <div class='vue-loader' v-show='false'>
<div class="spinner-border text-primary" role="status"> <div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span> <span class="sr-only">Loading...</span>

View File

@ -34,10 +34,19 @@
--studyplan-course-width: auto; /* better leave this at auto for now*/ --studyplan-course-width: auto; /* better leave this at auto for now*/
} }
.t-studyplan-limit-width {
max-width: 92vw;
}
.t-studyplan-scrollable, .t-studyplan-scrollable,
.r-studyplan-scrollable { .r-studyplan-scrollable {
overflow-x: scroll; /* below lines actually have the important flag set, since we do not want these very specific classes
overflow-y: clip; /* to ensure the x scrollbar does not cause an y scrollbar to appear */ to be overridden anywhere - we always need them to be scrollable */
overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
/* to ensure the x scrollbar does not cause an y scrollbar to appear */
overflow-y: clip !important; /* stylelint-disable-line declaration-no-important */
scrollbar-color: var(--primary) color-mix(in srgb, var(--primary) 20%, white); scrollbar-color: var(--primary) color-mix(in srgb, var(--primary) 20%, white);
scrollbar-width: thin; scrollbar-width: thin;
} }

View File

@ -125,12 +125,19 @@ body.path-local-treestudyplan .editmode-switch-form > * {
--studyplan-filter-width: auto; /* better leave this at auto for now*/ --studyplan-filter-width: auto; /* better leave this at auto for now*/
--studyplan-course-width: auto; /* better leave this at auto for now*/ --studyplan-course-width: auto; /* better leave this at auto for now*/
} }
.path-local-treestudyplan .t-studyplan-limit-width,
.features-treestudyplan .t-studyplan-limit-width {
max-width: 92vw;
}
.path-local-treestudyplan .t-studyplan-scrollable, .path-local-treestudyplan .t-studyplan-scrollable,
.path-local-treestudyplan .r-studyplan-scrollable, .path-local-treestudyplan .r-studyplan-scrollable,
.features-treestudyplan .t-studyplan-scrollable, .features-treestudyplan .t-studyplan-scrollable,
.features-treestudyplan .r-studyplan-scrollable { .features-treestudyplan .r-studyplan-scrollable {
overflow-x: scroll; /* below lines actually have the important flag set, since we do not want these very specific classes
overflow-y: clip; /* to ensure the x scrollbar does not cause an y scrollbar to appear */ to be overridden anywhere - we always need them to be scrollable */
overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
/* to ensure the x scrollbar does not cause an y scrollbar to appear */
overflow-y: clip !important; /* stylelint-disable-line declaration-no-important */
scrollbar-color: var(--primary) color-mix(in srgb, var(--primary) 20%, white); scrollbar-color: var(--primary) color-mix(in srgb, var(--primary) 20%, white);
scrollbar-width: thin; scrollbar-width: thin;
} }