Miqra-Engineering/moodle_local_treestudyplan
2
0
Fork 0
Code Issues 13 Pull Requests Packages Projects Releases 4 Wiki Activity

Added hack to limit length of edit screen

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/devstyles.css
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-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 .r-studyplan-scrollable,
.features-treestudyplan .t-studyplan-scrollable,
.features-treestudyplan .r-studyplan-scrollable {
overflow-x: scroll;
overflow-y: clip; /* to ensure the x scrollbar does not cause an y scrollbar to appear */
/* below lines actually have the important flag set, since we do not want these very specific classes
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-width: thin;
}

2
edit-plan.php
View File

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

13
scss/studyplan.scss
View File

@ -34,10 +34,19 @@
--studyplan-course-width: auto; /* better leave this at auto for now*/
}
.t-studyplan-limit-width {
max-width: 92vw;
}
.t-studyplan-scrollable,
.r-studyplan-scrollable {
overflow-x: scroll;
overflow-y: clip; /* to ensure the x scrollbar does not cause an y scrollbar to appear */
/* below lines actually have the important flag set, since we do not want these very specific classes
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-width: thin;
}

11
styles.css
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-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 .r-studyplan-scrollable,
.features-treestudyplan .t-studyplan-scrollable,
.features-treestudyplan .r-studyplan-scrollable {
overflow-x: scroll;
overflow-y: clip; /* to ensure the x scrollbar does not cause an y scrollbar to appear */
/* below lines actually have the important flag set, since we do not want these very specific classes
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-width: thin;
}