From 19e2bf73128e22b54e83e4fc327b7e08ded84969 Mon Sep 17 00:00:00 2001 From: PMKuipers Date: Sat, 26 Aug 2023 17:07:42 +0200 Subject: [PATCH] Styling reorganization --- css/devstyles.css | 641 ++++++++++++++++++++++------------------ scss/colors.scss | 16 + scss/generic.scss | 15 + scss/invitemanager.scss | 18 -- scss/readme-moodle.txt | 20 ++ scss/studyplan.scss | 15 +- 6 files changed, 400 insertions(+), 325 deletions(-) create mode 100644 scss/colors.scss create mode 100644 scss/generic.scss create mode 100644 scss/readme-moodle.txt diff --git a/css/devstyles.css b/css/devstyles.css index da542af..aaa72eb 100644 --- a/css/devstyles.css +++ b/css/devstyles.css @@ -1,5 +1,5 @@ -/* stylelint-disable length-zero-no-unit, color-hex-case, color-hex-length, no-eol-whitespace, unit-blacklist, block-no-empty */ -.path-local-treestudyplan, .block_mytreestudyplan { +/**** colors.scss ****/ +.path-local-treestudyplan, .features-treestudyplan { /* we can override these colors in the :root field if needed */ --less-light: color-mix(in srgb, var(--light) 80%, #ccc); --highlight-mix: 10%; @@ -12,35 +12,92 @@ --excellent: var(--blue); --pending: var(--gray); --incomplete: var(--gray); +} +/**** generic.scss ****/ + +/**** invitemanager.scss ****/ +/******************* +* +* Invite manager +* +********************/ +.path-admin-local-treestudyplan table.m-cohortgrouptable, +.path-admin-local-treestudyplan table.m-roomtable { + width: auto; +} + +.path-local-treestudyplan table.m-manage_invites { + margin-bottom: 2em; + width: 80%; +} +.path-local-treestudyplan table.m-manage_invites thead tr { + background-color: #009EE2; + color: white; +} +.path-local-treestudyplan table.m-manage_invites tbody tr:nth-child(even) { + background-color: #D4EDFC; +} +.path-local-treestudyplan table.m-manage_invites tbody tr:nth-child(odd) { + background-color: white; +} +.path-local-treestudyplan table.m-manage_invites tbody td { + padding: 5px; +} +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=name] { + width: 20em; +} +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=email] { + width: 10em; +} +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=date] { + width: 10em; +} +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=allow_details], +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=allow_calendar], +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=allow_badges] { + width: 5em; + padding-left: 1em; +} +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=control] { + width: 150px; +} +.path-local-treestudyplan table.m-manage_invites tbody td[data-field=control] a { + margin-left: 7px; + margin-right: 7px; +} +/**** readme-moodle.txt ****/ + +/**** studyplan.scss ****/ +.path-local-treestudyplan, .features-treestudyplan { /* Track */ /* Handle */ /******************************************************************************/ } -.path-local-treestudyplan .t-toolbox-preface, .block_mytreestudyplan .t-toolbox-preface { +.path-local-treestudyplan .t-toolbox-preface, .features-treestudyplan .t-toolbox-preface { margin: 10px; } -.path-local-treestudyplan .t-studyplan-container, .block_mytreestudyplan .t-studyplan-container { +.path-local-treestudyplan .t-studyplan-container, .features-treestudyplan .t-studyplan-container { margin-top: 16px; min-height: 500px; } .path-local-treestudyplan .t-studyplan-content, -.path-local-treestudyplan .r-studyplan-content, .block_mytreestudyplan .t-studyplan-content, -.block_mytreestudyplan .r-studyplan-content { +.path-local-treestudyplan .r-studyplan-content, .features-treestudyplan .t-studyplan-content, +.features-treestudyplan .r-studyplan-content { display: flex; } .path-local-treestudyplan .t-studyplan-headings, -.path-local-treestudyplan .r-studyplan-headings, .block_mytreestudyplan .t-studyplan-headings, -.block_mytreestudyplan .r-studyplan-headings { +.path-local-treestudyplan .r-studyplan-headings, .features-treestudyplan .t-studyplan-headings, +.features-treestudyplan .r-studyplan-headings { display: block; } .path-local-treestudyplan .t-studyplan-wrapper, -.path-local-treestudyplan .r-studyplan-wrapper, .block_mytreestudyplan .t-studyplan-wrapper, -.block_mytreestudyplan .r-studyplan-wrapper { +.path-local-treestudyplan .r-studyplan-wrapper, .features-treestudyplan .t-studyplan-wrapper, +.features-treestudyplan .r-studyplan-wrapper { display: block; } .path-local-treestudyplan .t-studyplan-timeline, -.path-local-treestudyplan .r-studyplan-timeline, .block_mytreestudyplan .t-studyplan-timeline, -.block_mytreestudyplan .r-studyplan-timeline { +.path-local-treestudyplan .r-studyplan-timeline, .features-treestudyplan .t-studyplan-timeline, +.features-treestudyplan .r-studyplan-timeline { display: grid; position: relative; /* make sure this grid is the offset for all arrows that are drawn by SimpleLine */ /* grid-template-columns will be set in the style attribute */ @@ -49,98 +106,98 @@ --studyplan-course-width: auto; /* better leave this at auto for now*/ } .path-local-treestudyplan .t-studyplan-scrollable, -.path-local-treestudyplan .r-studyplan-scrollable, .block_mytreestudyplan .t-studyplan-scrollable, -.block_mytreestudyplan .r-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 */ scrollbar-color: var(--primary) color-mix(in srgb, var(--primary) 20%, white); scrollbar-width: thin; } .path-local-treestudyplan .t-studyplan-scrollable::-webkit-scrollbar, -.path-local-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar, .block_mytreestudyplan .t-studyplan-scrollable::-webkit-scrollbar, -.block_mytreestudyplan .r-studyplan-scrollable::-webkit-scrollbar { +.path-local-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar, .features-treestudyplan .t-studyplan-scrollable::-webkit-scrollbar, +.features-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar { width: 8px; } .path-local-treestudyplan .t-studyplan-scrollable::-webkit-scrollbar-track, -.path-local-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar-track, .block_mytreestudyplan .t-studyplan-scrollable::-webkit-scrollbar-track, -.block_mytreestudyplan .r-studyplan-scrollable::-webkit-scrollbar-track { +.path-local-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar-track, .features-treestudyplan .t-studyplan-scrollable::-webkit-scrollbar-track, +.features-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar-track { background: color-mix(in srgb, var(--primary) 20%, white); } .path-local-treestudyplan .t-studyplan-scrollable::-webkit-scrollbar-thumb, -.path-local-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar-thumb, .block_mytreestudyplan .t-studyplan-scrollable::-webkit-scrollbar-thumb, -.block_mytreestudyplan .r-studyplan-scrollable::-webkit-scrollbar-thumb { +.path-local-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar-thumb, .features-treestudyplan .t-studyplan-scrollable::-webkit-scrollbar-thumb, +.features-treestudyplan .r-studyplan-scrollable::-webkit-scrollbar-thumb { background: var(--primary); } .path-local-treestudyplan .t-studyplan-column-heading, -.path-local-treestudyplan .r-studyplan-column-heading, .block_mytreestudyplan .t-studyplan-column-heading, -.block_mytreestudyplan .r-studyplan-column-heading { +.path-local-treestudyplan .r-studyplan-column-heading, .features-treestudyplan .t-studyplan-column-heading, +.features-treestudyplan .r-studyplan-column-heading { color: inherit; /* placeholder */ } -.path-local-treestudyplan ul.dropdown-menu.show, .block_mytreestudyplan ul.dropdown-menu.show { +.path-local-treestudyplan ul.dropdown-menu.show, .features-treestudyplan ul.dropdown-menu.show { background-color: white; } .path-local-treestudyplan .t-studyline, -.path-local-treestudyplan .r-studyline, .block_mytreestudyplan .t-studyline, -.block_mytreestudyplan .r-studyline { +.path-local-treestudyplan .r-studyline, .features-treestudyplan .t-studyline, +.features-treestudyplan .r-studyline { display: grid; grid-auto-flow: column; /*border-bottom-style: solid;*/ border-color: #cccccc; border-width: 1px; } -.path-local-treestudyplan .t-studyline-drag .t-studyline, .block_mytreestudyplan .t-studyline-drag .t-studyline { +.path-local-treestudyplan .t-studyline-drag .t-studyline, .features-treestudyplan .t-studyline-drag .t-studyline { justify-content: start; } .path-local-treestudyplan .t-studyline.t-studyline-heading, -.path-local-treestudyplan .r-studyline.r-studyline-heading, .block_mytreestudyplan .t-studyline.t-studyline-heading, -.block_mytreestudyplan .r-studyline.r-studyline-heading { +.path-local-treestudyplan .r-studyline.r-studyline-heading, .features-treestudyplan .t-studyline.t-studyline-heading, +.features-treestudyplan .r-studyline.r-studyline-heading { border-right-style: none; } .path-local-treestudyplan .t-studyline.end, -.path-local-treestudyplan .r-studyline.end, .block_mytreestudyplan .t-studyline.end, -.block_mytreestudyplan .r-studyline.end { +.path-local-treestudyplan .r-studyline.end, .features-treestudyplan .t-studyline.end, +.features-treestudyplan .r-studyline.end { border-right-style: solid; } -.path-local-treestudyplan .t-studyline .t-studyline-editmode-content, .block_mytreestudyplan .t-studyline .t-studyline-editmode-content { +.path-local-treestudyplan .t-studyline .t-studyline-editmode-content, .features-treestudyplan .t-studyline .t-studyline-editmode-content { border-right-style: solid; border-color: #cccccc; border-width: 1px; } -.path-local-treestudyplan .t-studyline .controlbox, .block_mytreestudyplan .t-studyline .controlbox { +.path-local-treestudyplan .t-studyline .controlbox, .features-treestudyplan .t-studyline .controlbox { white-space: nowrap; width: 64px; } -.path-local-treestudyplan .t-studyline .control, .block_mytreestudyplan .t-studyline .control { +.path-local-treestudyplan .t-studyline .control, .features-treestudyplan .t-studyline .control { display: inline-block; width: 24px; text-align: center; padding-top: 5px; } -.path-local-treestudyplan .t-studyline-editmode-content, .block_mytreestudyplan .t-studyline-editmode-content { +.path-local-treestudyplan .t-studyline-editmode-content, .features-treestudyplan .t-studyline-editmode-content { min-width: 450px; max-width: 700px; display: flex; flex-direction: row; justify-content: center; } -.path-local-treestudyplan .t-studyplan-controlbox, .block_mytreestudyplan .t-studyplan-controlbox { +.path-local-treestudyplan .t-studyplan-controlbox, .features-treestudyplan .t-studyplan-controlbox { height: 30px; } -.path-local-treestudyplan .t-studyplan-controlbox .control, .block_mytreestudyplan .t-studyplan-controlbox .control { +.path-local-treestudyplan .t-studyplan-controlbox .control, .features-treestudyplan .t-studyplan-controlbox .control { float: right; margin-left: 10px; margin-right: 5px; } -.path-local-treestudyplan .t-studyline-drag, .block_mytreestudyplan .t-studyline-drag { +.path-local-treestudyplan .t-studyline-drag, .features-treestudyplan .t-studyline-drag { display: inline; } -.path-local-treestudyplan .t-studyline-add, .block_mytreestudyplan .t-studyline-add { +.path-local-treestudyplan .t-studyline-add, .features-treestudyplan .t-studyline-add { margin-top: 0.5em; margin-bottom: 1em; } .path-local-treestudyplan .t-studyline-title, -.path-local-treestudyplan .r-studyline-title, .block_mytreestudyplan .t-studyline-title, -.block_mytreestudyplan .r-studyline-title { +.path-local-treestudyplan .r-studyline-title, .features-treestudyplan .t-studyline-title, +.features-treestudyplan .r-studyline-title { padding-top: 5px; padding-left: 10px; width: 150px; @@ -153,14 +210,14 @@ justify-content: center; } .path-local-treestudyplan .t-studyline-title abbr, -.path-local-treestudyplan .r-studyline-title abbr, .block_mytreestudyplan .t-studyline-title abbr, -.block_mytreestudyplan .r-studyline-title abbr { +.path-local-treestudyplan .r-studyline-title abbr, .features-treestudyplan .t-studyline-title abbr, +.features-treestudyplan .r-studyline-title abbr { display: inline-block; vertical-align: middle; font-weight: bold; font-style: italic; } -.path-local-treestudyplan svg.empty-slot circle, .block_mytreestudyplan svg.empty-slot circle { +.path-local-treestudyplan svg.empty-slot circle, .features-treestudyplan svg.empty-slot circle { fill: transparent; stroke: #ccc; stroke-width: 4px; @@ -169,76 +226,76 @@ } .path-local-treestudyplan ul.t-item-module-children, .path-local-treestudyplan ul.t-coursecat-list li, -.path-local-treestudyplan ul.t-course-list li, .block_mytreestudyplan ul.t-item-module-children, -.block_mytreestudyplan ul.t-coursecat-list li, -.block_mytreestudyplan ul.t-course-list li { +.path-local-treestudyplan ul.t-course-list li, .features-treestudyplan ul.t-item-module-children, +.features-treestudyplan ul.t-coursecat-list li, +.features-treestudyplan ul.t-course-list li { list-style: none; padding-left: 0; } -.path-local-treestudyplan li.t-item-course-gradeinfo, .block_mytreestudyplan li.t-item-course-gradeinfo { +.path-local-treestudyplan li.t-item-course-gradeinfo, .features-treestudyplan li.t-item-course-gradeinfo { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -.path-local-treestudyplan span.t-item-course-chk-lbl, .block_mytreestudyplan span.t-item-course-chk-lbl { +.path-local-treestudyplan span.t-item-course-chk-lbl, .features-treestudyplan span.t-item-course-chk-lbl { font-size: 0.7em; display: inline-block; width: 4em; } -.path-local-treestudyplan li.t-item-course-gradeinfo img, .block_mytreestudyplan li.t-item-course-gradeinfo img { +.path-local-treestudyplan li.t-item-course-gradeinfo img, .features-treestudyplan li.t-item-course-gradeinfo img { vertical-align: top; top: 3px; position: relative; max-width: 24px; max-height: 24px; } -.path-local-treestudyplan i.t-coursecat-list-item, .block_mytreestudyplan i.t-coursecat-list-item { +.path-local-treestudyplan i.t-coursecat-list-item, .features-treestudyplan i.t-coursecat-list-item { color: var(--coursecat-list); } -.path-local-treestudyplan i.t-course-list-item, .block_mytreestudyplan i.t-course-list-item { +.path-local-treestudyplan i.t-course-list-item, .features-treestudyplan i.t-course-list-item { color: var(--course-list); } -.path-local-treestudyplan ul.t-competency-list li, .block_mytreestudyplan ul.t-competency-list li { +.path-local-treestudyplan ul.t-competency-list li, .features-treestudyplan ul.t-competency-list li { list-style: none; } .path-local-treestudyplan .collapsed > .when-open, -.path-local-treestudyplan .not-collapsed > .when-closed, .block_mytreestudyplan .collapsed > .when-open, -.block_mytreestudyplan .not-collapsed > .when-closed { +.path-local-treestudyplan .not-collapsed > .when-closed, .features-treestudyplan .collapsed > .when-open, +.features-treestudyplan .not-collapsed > .when-closed { display: none; } .path-local-treestudyplan .t-studyline-slot, -.path-local-treestudyplan .r-studyline-slot, .block_mytreestudyplan .t-studyline-slot, -.block_mytreestudyplan .r-studyline-slot { +.path-local-treestudyplan .r-studyline-slot, .features-treestudyplan .t-studyline-slot, +.features-treestudyplan .r-studyline-slot { width: 130px; } -.path-local-treestudyplan .r-studyline-slot, .block_mytreestudyplan .r-studyline-slot { +.path-local-treestudyplan .r-studyline-slot, .features-treestudyplan .r-studyline-slot { min-height: 32px; } .path-local-treestudyplan .t-studyline-slot-0.filter .t-slot-item, -.path-local-treestudyplan .r-studyline-slot-0.filter .r-slot-item, .block_mytreestudyplan .t-studyline-slot-0.filter .t-slot-item, -.block_mytreestudyplan .r-studyline-slot-0.filter .r-slot-item { +.path-local-treestudyplan .r-studyline-slot-0.filter .r-slot-item, .features-treestudyplan .t-studyline-slot-0.filter .t-slot-item, +.features-treestudyplan .r-studyline-slot-0.filter .r-slot-item { margin-left: 0; } .path-local-treestudyplan .t-studyline-slot.t-studyline-slot-0, -.path-local-treestudyplan .r-studyline-slot.r-studyline-slot-0, .block_mytreestudyplan .t-studyline-slot.t-studyline-slot-0, -.block_mytreestudyplan .r-studyline-slot.r-studyline-slot-0 { +.path-local-treestudyplan .r-studyline-slot.r-studyline-slot-0, .features-treestudyplan .t-studyline-slot.t-studyline-slot-0, +.features-treestudyplan .r-studyline-slot.r-studyline-slot-0 { width: 75px; } .path-local-treestudyplan .t-studyline-slot.t-studyline-slot-0 .t-slot-drop.filter .t-slot-item, -.path-local-treestudyplan .r-studyline-slot.r-studyline-slot-0 .r-item-base, .block_mytreestudyplan .t-studyline-slot.t-studyline-slot-0 .t-slot-drop.filter .t-slot-item, -.block_mytreestudyplan .r-studyline-slot.r-studyline-slot-0 .r-item-base { +.path-local-treestudyplan .r-studyline-slot.r-studyline-slot-0 .r-item-base, .features-treestudyplan .t-studyline-slot.t-studyline-slot-0 .t-slot-drop.filter .t-slot-item, +.features-treestudyplan .r-studyline-slot.r-studyline-slot-0 .r-item-base { margin-left: 0px; } .path-local-treestudyplan .t-studyline-slot.gradable.current.odd, -.path-local-treestudyplan .r-studyline-slot.gradable.current.odd, .block_mytreestudyplan .t-studyline-slot.gradable.current.odd, -.block_mytreestudyplan .r-studyline-slot.gradable.current.odd { +.path-local-treestudyplan .r-studyline-slot.gradable.current.odd, .features-treestudyplan .t-studyline-slot.gradable.current.odd, +.features-treestudyplan .r-studyline-slot.gradable.current.odd { --hlcol: color-mix(in srgb, var(--less-light) , var(--highlight) var(--highlight-mix)); background-color: var(--hlcol); position: relative; } .path-local-treestudyplan .t-studyline-slot.gradable.current.odd:before, -.path-local-treestudyplan .r-studyline-slot.gradable.current.odd:before, .block_mytreestudyplan .t-studyline-slot.gradable.current.odd:before, -.block_mytreestudyplan .r-studyline-slot.gradable.current.odd:before { +.path-local-treestudyplan .r-studyline-slot.gradable.current.odd:before, .features-treestudyplan .t-studyline-slot.gradable.current.odd:before, +.features-treestudyplan .r-studyline-slot.gradable.current.odd:before { --hlcol: color-mix(in srgb, var(--less-light) , var(--highlight) var(--highlight-mix)); box-shadow: -20px 0 10px -7px var(--hlcol) inset; content: " "; @@ -249,8 +306,8 @@ width: 20px; } .path-local-treestudyplan .t-studyline-slot.gradable.current.odd:after, -.path-local-treestudyplan .r-studyline-slot.gradable.current.odd:after, .block_mytreestudyplan .t-studyline-slot.gradable.current.odd:after, -.block_mytreestudyplan .r-studyline-slot.gradable.current.odd:after { +.path-local-treestudyplan .r-studyline-slot.gradable.current.odd:after, .features-treestudyplan .t-studyline-slot.gradable.current.odd:after, +.features-treestudyplan .r-studyline-slot.gradable.current.odd:after { --hlcol: color-mix(in srgb, var(--less-light) , var(--highlight) var(--highlight-mix)); box-shadow: 20px 0 10px -7px var(--hlcol) inset; content: " "; @@ -260,29 +317,29 @@ top: 0; width: 20px; } -.path-local-treestudyplan .t-studyline-slot.lastlyr .t-slot-item, .block_mytreestudyplan .t-studyline-slot.lastlyr .t-slot-item { +.path-local-treestudyplan .t-studyline-slot.lastlyr .t-slot-item, .features-treestudyplan .t-studyline-slot.lastlyr .t-slot-item { margin-bottom: 0; } -.path-local-treestudyplan .s-studyline-header-period.current, .block_mytreestudyplan .s-studyline-header-period.current { +.path-local-treestudyplan .s-studyline-header-period.current, .features-treestudyplan .s-studyline-header-period.current { --hlcol: color-mix(in srgb, var(--white) , var(--highlight) var(--highlight-mix)); box-shadow: 0 0 10px 10px var(--hlcol); background-color: var(--hlcol); border-top-left-radius: 16px; border-top-right-radius: 16px; } -.path-local-treestudyplan .s-studyline-header-heading, .block_mytreestudyplan .s-studyline-header-heading { +.path-local-treestudyplan .s-studyline-header-heading, .features-treestudyplan .s-studyline-header-heading { margin-top: 16px; } .path-local-treestudyplan .t-studyline-slot.gradable.current.even, -.path-local-treestudyplan .r-studyline-slot.gradable.current.even, .block_mytreestudyplan .t-studyline-slot.gradable.current.even, -.block_mytreestudyplan .r-studyline-slot.gradable.current.even { +.path-local-treestudyplan .r-studyline-slot.gradable.current.even, .features-treestudyplan .t-studyline-slot.gradable.current.even, +.features-treestudyplan .r-studyline-slot.gradable.current.even { --hlcol: color-mix(in srgb, var(--white) , var(--highlight) var(--highlight-mix)); background-color: var(--hlcol); position: relative; } .path-local-treestudyplan .t-studyline-slot.gradable.current.even:before, -.path-local-treestudyplan .r-studyline-slot.gradable.current.even:before, .block_mytreestudyplan .t-studyline-slot.gradable.current.even:before, -.block_mytreestudyplan .r-studyline-slot.gradable.current.even:before { +.path-local-treestudyplan .r-studyline-slot.gradable.current.even:before, .features-treestudyplan .t-studyline-slot.gradable.current.even:before, +.features-treestudyplan .r-studyline-slot.gradable.current.even:before { --hlcol: color-mix(in srgb, var(--white) , var(--highlight) var(--highlight-mix)); box-shadow: -20px 0 10px -7px var(--hlcol) inset; content: " "; @@ -292,12 +349,12 @@ top: 0; width: 20px; } -.path-local-treestudyplan .simpleline, .block_mytreestudyplan .simpleline { +.path-local-treestudyplan .simpleline, .features-treestudyplan .simpleline { z-index: 20; } .path-local-treestudyplan .t-studyline-slot.gradable.current.even:after, -.path-local-treestudyplan .r-studyline-slot.gradable.current.even:after, .block_mytreestudyplan .t-studyline-slot.gradable.current.even:after, -.block_mytreestudyplan .r-studyline-slot.gradable.current.even:after { +.path-local-treestudyplan .r-studyline-slot.gradable.current.even:after, .features-treestudyplan .t-studyline-slot.gradable.current.even:after, +.features-treestudyplan .r-studyline-slot.gradable.current.even:after { --hlcol: color-mix(in srgb, var(--white) , var(--highlight) var(--highlight-mix)); box-shadow: 20px 0 10px -7px var(--hlcol) inset; content: " "; @@ -307,7 +364,7 @@ top: 0; width: 20px; } -.path-local-treestudyplan .t-slot-drop, .block_mytreestudyplan .t-slot-drop { +.path-local-treestudyplan .t-slot-drop, .features-treestudyplan .t-slot-drop { min-height: 32px; height: 100%; min-width: 50px; @@ -316,53 +373,53 @@ align-content: center; justify-content: center; } -.path-local-treestudyplan .t-slot-drop.competency, .block_mytreestudyplan .t-slot-drop.competency { +.path-local-treestudyplan .t-slot-drop.competency, .features-treestudyplan .t-slot-drop.competency { min-width: 100px; } -.path-local-treestudyplan .t-slot-drop.filter, .block_mytreestudyplan .t-slot-drop.filter { +.path-local-treestudyplan .t-slot-drop.filter, .features-treestudyplan .t-slot-drop.filter { min-width: 50px; } -.path-local-treestudyplan .t-slot-drop.secondary, .block_mytreestudyplan .t-slot-drop.secondary { +.path-local-treestudyplan .t-slot-drop.secondary, .features-treestudyplan .t-slot-drop.secondary { min-height: 5px; } -.path-local-treestudyplan .t-slot-drop.secondary.drop-allowed, .block_mytreestudyplan .t-slot-drop.secondary.drop-allowed { +.path-local-treestudyplan .t-slot-drop.secondary.drop-allowed, .features-treestudyplan .t-slot-drop.secondary.drop-allowed { min-height: 5px; } -.path-local-treestudyplan .t-item-deletebox, .block_mytreestudyplan .t-item-deletebox { +.path-local-treestudyplan .t-item-deletebox, .features-treestudyplan .t-item-deletebox { display: inline-block; width: 100px; text-align: center; visibility: hidden; } -.path-local-treestudyplan .t-item-deletebox.drop-allowed, .block_mytreestudyplan .t-item-deletebox.drop-allowed { +.path-local-treestudyplan .t-item-deletebox.drop-allowed, .features-treestudyplan .t-item-deletebox.drop-allowed { visibility: visible; border-width: 1px; border-style: dashed; color: #f77; } -.path-local-treestudyplan .t-item-deletebox.drop-in, .block_mytreestudyplan .t-item-deletebox.drop-in { +.path-local-treestudyplan .t-item-deletebox.drop-in, .features-treestudyplan .t-item-deletebox.drop-in { visibility: visible; border-style: solid; background-color: #FFCCCC; color: #a00; } -.path-local-treestudyplan .modal-dialog .modal-content, .block_mytreestudyplan .modal-dialog .modal-content { +.path-local-treestudyplan .modal-dialog .modal-content, .features-treestudyplan .modal-dialog .modal-content { background: white; } -.path-local-treestudyplan .modal-dialog.modal-lg, .block_mytreestudyplan .modal-dialog.modal-lg { +.path-local-treestudyplan .modal-dialog.modal-lg, .features-treestudyplan .modal-dialog.modal-lg { max-width: 800px; } -.path-local-treestudyplan .modal-dialog.modal-sm, .block_mytreestudyplan .modal-dialog.modal-sm { +.path-local-treestudyplan .modal-dialog.modal-sm, .features-treestudyplan .modal-dialog.modal-sm { max-width: 300px; } .path-local-treestudyplan .gradable .t-slot-item, -.path-local-treestudyplan .gradable .r-slot-item, .block_mytreestudyplan .gradable .t-slot-item, -.block_mytreestudyplan .gradable .r-slot-item { +.path-local-treestudyplan .gradable .r-slot-item, .features-treestudyplan .gradable .t-slot-item, +.features-treestudyplan .gradable .r-slot-item { width: 100%; } .path-local-treestudyplan .t-slot-item, -.path-local-treestudyplan .r-slot-item, .block_mytreestudyplan .t-slot-item, -.block_mytreestudyplan .r-slot-item { +.path-local-treestudyplan .r-slot-item, .features-treestudyplan .t-slot-item, +.features-treestudyplan .r-slot-item { margin-top: 5px; margin-bottom: 5px; margin-left: auto; @@ -370,43 +427,43 @@ display: grid; } .path-local-treestudyplan .t-item-base, -.path-local-treestudyplan .r-item-base, .block_mytreestudyplan .t-item-base, -.block_mytreestudyplan .r-item-base { +.path-local-treestudyplan .r-item-base, .features-treestudyplan .t-item-base, +.features-treestudyplan .r-item-base { align-self: center; position: relative; } -.path-local-treestudyplan .t-item-connector-start, .block_mytreestudyplan .t-item-connector-start { +.path-local-treestudyplan .t-item-connector-start, .features-treestudyplan .t-item-connector-start { position: absolute; top: calc(50% - 5px); right: -1px; line-height: 0px; } -.path-local-treestudyplan .t-item-connector-start svg rect, .block_mytreestudyplan .t-item-connector-start svg rect { +.path-local-treestudyplan .t-item-connector-start svg rect, .features-treestudyplan .t-item-connector-start svg rect { cursor: crosshair; stroke-width: 1px; stroke: #3c3; fill: #3c3; } -.path-local-treestudyplan .t-item-connector-start.deleteMode svg rect, .block_mytreestudyplan .t-item-connector-start.deleteMode svg rect { +.path-local-treestudyplan .t-item-connector-start.deleteMode svg rect, .features-treestudyplan .t-item-connector-start.deleteMode svg rect { stroke: #f70; fill: #f70; } -.path-local-treestudyplan .t-item-connector-end, .block_mytreestudyplan .t-item-connector-end { +.path-local-treestudyplan .t-item-connector-end, .features-treestudyplan .t-item-connector-end { position: absolute; top: 50%; transform: translate(0, -50%); left: -1px; line-height: 0px; } -.path-local-treestudyplan .t-item-connector-end svg rect, .block_mytreestudyplan .t-item-connector-end svg rect { +.path-local-treestudyplan .t-item-connector-end svg rect, .features-treestudyplan .t-item-connector-end svg rect { stroke-width: 1px; stroke: #f00; fill: #f00; } -.path-local-treestudyplan .sw-studyline-editmode, .block_mytreestudyplan .sw-studyline-editmode { +.path-local-treestudyplan .sw-studyline-editmode, .features-treestudyplan .sw-studyline-editmode { display: inline-block; } -.path-local-treestudyplan .t-item-base .deletebox, .block_mytreestudyplan .t-item-base .deletebox { +.path-local-treestudyplan .t-item-base .deletebox, .features-treestudyplan .t-item-base .deletebox { position: absolute; top: 50%; transform: translate(0, -50%); @@ -420,24 +477,24 @@ border-style: solid; z-index: 20; } -.path-local-treestudyplan .t-item-base .deletebox a, .block_mytreestudyplan .t-item-base .deletebox a { +.path-local-treestudyplan .t-item-base .deletebox a, .features-treestudyplan .t-item-base .deletebox a { display: block; margin: 3px; } -.path-local-treestudyplan .t-item-base .t-item-contextview, .block_mytreestudyplan .t-item-base .t-item-contextview { +.path-local-treestudyplan .t-item-base .t-item-contextview, .features-treestudyplan .t-item-base .t-item-contextview { position: absolute; left: 50%; transform: translate(-50%, 100%); bottom: 0px; z-index: 25; } -.path-local-treestudyplan .t-item-contextview .close-button, .block_mytreestudyplan .t-item-contextview .close-button { +.path-local-treestudyplan .t-item-contextview .close-button, .features-treestudyplan .t-item-contextview .close-button { float: right; } -.path-local-treestudyplan ul.t-toolbox li, .block_mytreestudyplan ul.t-toolbox li { +.path-local-treestudyplan ul.t-toolbox li, .features-treestudyplan ul.t-toolbox li { list-style: none; } -.path-local-treestudyplan .t-item-filter, .block_mytreestudyplan .t-item-filter { +.path-local-treestudyplan .t-item-filter, .features-treestudyplan .t-item-filter { display: inline-block; height: 1em; padding: 0px; @@ -446,33 +503,33 @@ font-size: 2em; vertical-align: top; } -.path-local-treestudyplan .t-item-filter i, .block_mytreestudyplan .t-item-filter i { +.path-local-treestudyplan .t-item-filter i, .features-treestudyplan .t-item-filter i { vertical-align: top; } -.path-local-treestudyplan .t-toolbox .t-item-filter, .block_mytreestudyplan .t-toolbox .t-item-filter { +.path-local-treestudyplan .t-toolbox .t-item-filter, .features-treestudyplan .t-toolbox .t-item-filter { font-size: 1em; } -.path-local-treestudyplan .t-item-junction i, .block_mytreestudyplan .t-item-junction i { +.path-local-treestudyplan .t-item-junction i, .features-treestudyplan .t-item-junction i { color: var(--warning); } -.path-local-treestudyplan .t-item-finish i, .block_mytreestudyplan .t-item-finish i { +.path-local-treestudyplan .t-item-finish i, .features-treestudyplan .t-item-finish i { color: var(--success); } -.path-local-treestudyplan .t-item-start i, .block_mytreestudyplan .t-item-start i { +.path-local-treestudyplan .t-item-start i, .features-treestudyplan .t-item-start i { color: var(--success); } -.path-local-treestudyplan .t-item-badge svg, .block_mytreestudyplan .t-item-badge svg { +.path-local-treestudyplan .t-item-badge svg, .features-treestudyplan .t-item-badge svg { color: var(--warning); } -.path-local-treestudyplan .t-slot-drop.type-allowed, .block_mytreestudyplan .t-slot-drop.type-allowed { +.path-local-treestudyplan .t-slot-drop.type-allowed, .features-treestudyplan .t-slot-drop.type-allowed { border-color: var(--success); border-style: dashed; border-width: 1px; } -.path-local-treestudyplan .t-slot-drop.type-allowed.drop-forbidden, .block_mytreestudyplan .t-slot-drop.type-allowed.drop-forbidden { +.path-local-treestudyplan .t-slot-drop.type-allowed.drop-forbidden, .features-treestudyplan .t-slot-drop.type-allowed.drop-forbidden { border-color: var(--danger); } -.path-local-treestudyplan .t-slot-drop.filter .t-item-base, .block_mytreestudyplan .t-slot-drop.filter .t-item-base { +.path-local-treestudyplan .t-slot-drop.filter .t-item-base, .features-treestudyplan .t-slot-drop.filter .t-item-base { display: inline-block; margin-top: 5px; margin-bottom: 5px; @@ -480,49 +537,49 @@ margin-right: auto; line-height: 1px; } -.path-local-treestudyplan .t-studyline-slot-0.filter .t-slot-drop.filter .t-item-base, .block_mytreestudyplan .t-studyline-slot-0.filter .t-slot-drop.filter .t-item-base { +.path-local-treestudyplan .t-studyline-slot-0.filter .t-slot-drop.filter .t-item-base, .features-treestudyplan .t-studyline-slot-0.filter .t-slot-drop.filter .t-item-base { margin-left: 0; } -.path-local-treestudyplan a.t-item-config, .block_mytreestudyplan a.t-item-config { +.path-local-treestudyplan a.t-item-config, .features-treestudyplan a.t-item-config { position: absolute; top: -5px; right: -5px; } -.path-local-treestudyplan a.t-item-config.badge, .block_mytreestudyplan a.t-item-config.badge { +.path-local-treestudyplan a.t-item-config.badge, .features-treestudyplan a.t-item-config.badge { top: -5px; right: -5px; font-size: 16px; } -.path-local-treestudyplan a.t-item-course-config, .block_mytreestudyplan a.t-item-course-config { +.path-local-treestudyplan a.t-item-course-config, .features-treestudyplan a.t-item-course-config { font-size: 16pt; vertical-align: middle; float: right; margin-right: 2px; margin-top: -5px; } -.path-local-treestudyplan .t-item-connector-end, .block_mytreestudyplan .t-item-connector-end { +.path-local-treestudyplan .t-item-connector-end, .features-treestudyplan .t-item-connector-end { visibility: hidden; } -.path-local-treestudyplan .t-item-connector-end.type-allowed.drop-allowed, .block_mytreestudyplan .t-item-connector-end.type-allowed.drop-allowed { +.path-local-treestudyplan .t-item-connector-end.type-allowed.drop-allowed, .features-treestudyplan .t-item-connector-end.type-allowed.drop-allowed { visibility: visible; } -.path-local-treestudyplan .t-badges li, .block_mytreestudyplan .t-badges li { +.path-local-treestudyplan .t-badges li, .features-treestudyplan .t-badges li { list-style: none; } -.path-local-treestudyplan .t-badges .t-badge-drag, .block_mytreestudyplan .t-badges .t-badge-drag { +.path-local-treestudyplan .t-badges .t-badge-drag, .features-treestudyplan .t-badges .t-badge-drag { display: inline; } -.path-local-treestudyplan .t-badges img, .block_mytreestudyplan .t-badges img { +.path-local-treestudyplan .t-badges img, .features-treestudyplan .t-badges img { width: 32px; height: 32px; } -.path-local-treestudyplan .t-item-badge, .block_mytreestudyplan .t-item-badge { +.path-local-treestudyplan .t-item-badge, .features-treestudyplan .t-item-badge { width: 50px; height: 50px; position: relative; margin-top: 3px; } -.path-local-treestudyplan .t-item-badge img.badge-image, .block_mytreestudyplan .t-item-badge img.badge-image { +.path-local-treestudyplan .t-item-badge img.badge-image, .features-treestudyplan .t-item-badge img.badge-image { width: 32px; height: 32px; position: absolute; @@ -530,18 +587,18 @@ left: 50%; transform: translate(-50%, -50%); } -.path-local-treestudyplan .t-item-badge svg.t-badge-backdrop, .block_mytreestudyplan .t-item-badge svg.t-badge-backdrop { +.path-local-treestudyplan .t-item-badge svg.t-badge-backdrop, .features-treestudyplan .t-item-badge svg.t-badge-backdrop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } -.path-local-treestudyplan .r-report-tabs .list-group-item-action, .block_mytreestudyplan .r-report-tabs .list-group-item-action { +.path-local-treestudyplan .r-report-tabs .list-group-item-action, .features-treestudyplan .r-report-tabs .list-group-item-action { width: inherit; } .path-local-treestudyplan .r-studyplan-tab, -.path-local-treestudyplan .t-studyplan-tab, .block_mytreestudyplan .r-studyplan-tab, -.block_mytreestudyplan .t-studyplan-tab { +.path-local-treestudyplan .t-studyplan-tab, .features-treestudyplan .r-studyplan-tab, +.features-treestudyplan .t-studyplan-tab { width: auto; overflow-x: auto; } @@ -549,99 +606,99 @@ .path-local-treestudyplan .t-studyline-heading.odd, .path-local-treestudyplan .r-studyline-heading.odd, .path-local-treestudyplan .t-studyline-slot.odd, -.path-local-treestudyplan .r-studyline-slot.odd, .block_mytreestudyplan .t-studyline-drag:nth-child(odd) .t-studyline div, -.block_mytreestudyplan .t-studyline-heading.odd, -.block_mytreestudyplan .r-studyline-heading.odd, -.block_mytreestudyplan .t-studyline-slot.odd, -.block_mytreestudyplan .r-studyline-slot.odd { +.path-local-treestudyplan .r-studyline-slot.odd, .features-treestudyplan .t-studyline-drag:nth-child(odd) .t-studyline div, +.features-treestudyplan .t-studyline-heading.odd, +.features-treestudyplan .r-studyline-heading.odd, +.features-treestudyplan .t-studyline-slot.odd, +.features-treestudyplan .r-studyline-slot.odd { background-color: var(--less-light); } .path-local-treestudyplan .t-studyline-drag:nth-child(even) .t-studyline div, .path-local-treestudyplan .t-studyline-heading.even, .path-local-treestudyplan .r-studyline-heading.even, .path-local-treestudyplan .t-studyline-slot.even, -.path-local-treestudyplan .r-studyline-slot.even, .block_mytreestudyplan .t-studyline-drag:nth-child(even) .t-studyline div, -.block_mytreestudyplan .t-studyline-heading.even, -.block_mytreestudyplan .r-studyline-heading.even, -.block_mytreestudyplan .t-studyline-slot.even, -.block_mytreestudyplan .r-studyline-slot.even { +.path-local-treestudyplan .r-studyline-slot.even, .features-treestudyplan .t-studyline-drag:nth-child(even) .t-studyline div, +.features-treestudyplan .t-studyline-heading.even, +.features-treestudyplan .r-studyline-heading.even, +.features-treestudyplan .t-studyline-slot.even, +.features-treestudyplan .r-studyline-slot.even { background-color: var(--white); } .path-local-treestudyplan .t-studyline-drag:first-child, .path-local-treestudyplan .t-studyline-heading.first, .path-local-treestudyplan .t-studyline-slot.first, .path-local-treestudyplan .r-studyline-heading.first, -.path-local-treestudyplan .r-studyline-slot.first, .block_mytreestudyplan .t-studyline-drag:first-child, -.block_mytreestudyplan .t-studyline-heading.first, -.block_mytreestudyplan .t-studyline-slot.first, -.block_mytreestudyplan .r-studyline-heading.first, -.block_mytreestudyplan .r-studyline-slot.first { +.path-local-treestudyplan .r-studyline-slot.first, .features-treestudyplan .t-studyline-drag:first-child, +.features-treestudyplan .t-studyline-heading.first, +.features-treestudyplan .t-studyline-slot.first, +.features-treestudyplan .r-studyline-heading.first, +.features-treestudyplan .r-studyline-slot.first { border-top-style: solid; } .path-local-treestudyplan .t-studyline-drag:last-child, .path-local-treestudyplan .t-studyline-heading.last, .path-local-treestudyplan .t-studyline-slot.last.newlyr, .path-local-treestudyplan .r-studyline-heading.last, -.path-local-treestudyplan .r-studyline-slot.last, .block_mytreestudyplan .t-studyline-drag:last-child, -.block_mytreestudyplan .t-studyline-heading.last, -.block_mytreestudyplan .t-studyline-slot.last.newlyr, -.block_mytreestudyplan .r-studyline-heading.last, -.block_mytreestudyplan .r-studyline-slot.last { +.path-local-treestudyplan .r-studyline-slot.last, .features-treestudyplan .t-studyline-drag:last-child, +.features-treestudyplan .t-studyline-heading.last, +.features-treestudyplan .t-studyline-slot.last.newlyr, +.features-treestudyplan .r-studyline-heading.last, +.features-treestudyplan .r-studyline-slot.last { border-bottom-style: solid; } -.path-local-treestudyplan .s-studyline-header-period, .block_mytreestudyplan .s-studyline-header-period { +.path-local-treestudyplan .s-studyline-header-period, .features-treestudyplan .s-studyline-header-period { text-align: center; padding-top: 5px; margin-top: 16px; /* To allow for box shadow on highlighted period */ } -.path-local-treestudyplan .s-studyline-header-period p, .block_mytreestudyplan .s-studyline-header-period p { +.path-local-treestudyplan .s-studyline-header-period p, .features-treestudyplan .s-studyline-header-period p { margin-bottom: 0; } -.path-local-treestudyplan .s-studyline-header-period-datespan, .block_mytreestudyplan .s-studyline-header-period-datespan { +.path-local-treestudyplan .s-studyline-header-period-datespan, .features-treestudyplan .s-studyline-header-period-datespan { white-space: nowrap; } -.path-local-treestudyplan .s-studyline-header-period-datespan .date, .block_mytreestudyplan .s-studyline-header-period-datespan .date { +.path-local-treestudyplan .s-studyline-header-period-datespan .date, .features-treestudyplan .s-studyline-header-period-datespan .date { font-weight: bold; } -.path-local-treestudyplan .s-studyline-header-period-datespan.small, .block_mytreestudyplan .s-studyline-header-period-datespan.small { +.path-local-treestudyplan .s-studyline-header-period-datespan.small, .features-treestudyplan .s-studyline-header-period-datespan.small { font-size: 9px; } .path-local-treestudyplan .t-studyline-slot.rightmost, -.path-local-treestudyplan .r-studyline-slot.rightmost, .block_mytreestudyplan .t-studyline-slot.rightmost, -.block_mytreestudyplan .r-studyline-slot.rightmost { +.path-local-treestudyplan .r-studyline-slot.rightmost, .features-treestudyplan .t-studyline-slot.rightmost, +.features-treestudyplan .r-studyline-slot.rightmost { border-right-style: solid; } .path-local-treestudyplan .t-studyline-handle, -.path-local-treestudyplan .r-studyline-handle, .block_mytreestudyplan .t-studyline-handle, -.block_mytreestudyplan .r-studyline-handle { +.path-local-treestudyplan .r-studyline-handle, .features-treestudyplan .t-studyline-handle, +.features-treestudyplan .r-studyline-handle { width: 10px; height: 100%; border-left-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.125); } -.path-local-treestudyplan .gradable .r-item-base, .block_mytreestudyplan .gradable .r-item-base { +.path-local-treestudyplan .gradable .r-item-base, .features-treestudyplan .gradable .r-item-base { width: 100%; } .path-local-treestudyplan .t-item-invalid .card-body, .path-local-treestudyplan .r-item-invalid .card-body, .path-local-treestudyplan .t-item-competency .card-body, .path-local-treestudyplan .t-item-course .card-body, -.path-local-treestudyplan .r-item-competency .card-body, .block_mytreestudyplan .t-item-invalid .card-body, -.block_mytreestudyplan .r-item-invalid .card-body, -.block_mytreestudyplan .t-item-competency .card-body, -.block_mytreestudyplan .t-item-course .card-body, -.block_mytreestudyplan .r-item-competency .card-body { +.path-local-treestudyplan .r-item-competency .card-body, .features-treestudyplan .t-item-invalid .card-body, +.features-treestudyplan .r-item-invalid .card-body, +.features-treestudyplan .t-item-competency .card-body, +.features-treestudyplan .t-item-course .card-body, +.features-treestudyplan .r-item-competency .card-body { padding: 3px; padding-left: 7px; padding-right: 7px; } .path-local-treestudyplan .r-item-invalid .card-body, -.path-local-treestudyplan .t-item-invalid .card-body, .block_mytreestudyplan .r-item-invalid .card-body, -.block_mytreestudyplan .t-item-invalid .card-body { +.path-local-treestudyplan .t-item-invalid .card-body, .features-treestudyplan .r-item-invalid .card-body, +.features-treestudyplan .t-item-invalid .card-body { color: darkred; } -.path-local-treestudyplan .r-item-filter, .block_mytreestudyplan .r-item-filter { +.path-local-treestudyplan .r-item-filter, .features-treestudyplan .r-item-filter { display: inline-block; padding: 0px; text-align: left; @@ -649,32 +706,32 @@ vertical-align: top; height: 1em; } -.path-local-treestudyplan .r-item-filter i, .block_mytreestudyplan .r-item-filter i { +.path-local-treestudyplan .r-item-filter i, .features-treestudyplan .r-item-filter i { vertical-align: top; } -.path-local-treestudyplan .r-item-start i, .block_mytreestudyplan .r-item-start i { +.path-local-treestudyplan .r-item-start i, .features-treestudyplan .r-item-start i { color: var(--success); } -.path-local-treestudyplan .r-item-badge i, .block_mytreestudyplan .r-item-badge i { +.path-local-treestudyplan .r-item-badge i, .features-treestudyplan .r-item-badge i { color: var(--warning); } -.path-local-treestudyplan .r-badges li, .block_mytreestudyplan .r-badges li { +.path-local-treestudyplan .r-badges li, .features-treestudyplan .r-badges li { list-style: none; } -.path-local-treestudyplan .r-badges .r-badge-drag, .block_mytreestudyplan .r-badges .r-badge-drag { +.path-local-treestudyplan .r-badges .r-badge-drag, .features-treestudyplan .r-badges .r-badge-drag { display: inline; } -.path-local-treestudyplan .r-badges img, .block_mytreestudyplan .r-badges img { +.path-local-treestudyplan .r-badges img, .features-treestudyplan .r-badges img { width: 32px; height: 32px; } -.path-local-treestudyplan .r-item-badge, .block_mytreestudyplan .r-item-badge { +.path-local-treestudyplan .r-item-badge, .features-treestudyplan .r-item-badge { width: 50px; height: 50px; position: relative; margin-top: 3px; } -.path-local-treestudyplan .r-item-badge img.badge-image, .block_mytreestudyplan .r-item-badge img.badge-image { +.path-local-treestudyplan .r-item-badge img.badge-image, .features-treestudyplan .r-item-badge img.badge-image { width: 32px; height: 32px; position: absolute; @@ -682,139 +739,139 @@ left: 50%; transform: translate(-50%, -50%); } -.path-local-treestudyplan .r-item-badge svg.r-badge-backdrop, .block_mytreestudyplan .r-item-badge svg.r-badge-backdrop { +.path-local-treestudyplan .r-item-badge svg.r-badge-backdrop, .features-treestudyplan .r-item-badge svg.r-badge-backdrop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } -.path-local-treestudyplan .r-item-badge svg.r-badge-backdrop circle, .block_mytreestudyplan .r-item-badge svg.r-badge-backdrop circle { +.path-local-treestudyplan .r-item-badge svg.r-badge-backdrop circle, .features-treestudyplan .r-item-badge svg.r-badge-backdrop circle { stroke: black; stroke-width: 2px; fill: #ccc; } -.path-local-treestudyplan .r-item-module-children, .block_mytreestudyplan .r-item-module-children { +.path-local-treestudyplan .r-item-module-children, .features-treestudyplan .r-item-module-children { list-style: none; } .path-local-treestudyplan .r-item-start.completion-incomplete i, -.path-local-treestudyplan .r-completion-incomplete, .block_mytreestudyplan .r-item-start.completion-incomplete i, -.block_mytreestudyplan .r-completion-incomplete { +.path-local-treestudyplan .r-completion-incomplete, .features-treestudyplan .r-item-start.completion-incomplete i, +.features-treestudyplan .r-completion-incomplete { color: var(--incomplete); } -.path-local-treestudyplan .r-completion-progress, .block_mytreestudyplan .r-completion-progress { +.path-local-treestudyplan .r-completion-progress, .features-treestudyplan .r-completion-progress { color: var(--warning); } -.path-local-treestudyplan .r-completion-completed, .path-local-treestudyplan .r-completion-complete-pass, .block_mytreestudyplan .r-completion-completed, .block_mytreestudyplan .r-completion-complete-pass { +.path-local-treestudyplan .r-completion-completed, .path-local-treestudyplan .r-completion-complete-pass, .features-treestudyplan .r-completion-completed, .features-treestudyplan .r-completion-complete-pass { color: var(--success); } -.path-local-treestudyplan .r-completion-good, .block_mytreestudyplan .r-completion-good { +.path-local-treestudyplan .r-completion-good, .features-treestudyplan .r-completion-good { color: var(--info); } -.path-local-treestudyplan .r-completion-excellent, .path-local-treestudyplan .r-completion-complete, .block_mytreestudyplan .r-completion-excellent, .block_mytreestudyplan .r-completion-complete { +.path-local-treestudyplan .r-completion-excellent, .path-local-treestudyplan .r-completion-complete, .features-treestudyplan .r-completion-excellent, .features-treestudyplan .r-completion-complete { color: var(--excellent); } -.path-local-treestudyplan .r-completion-pending, .block_mytreestudyplan .r-completion-pending { +.path-local-treestudyplan .r-completion-pending, .features-treestudyplan .r-completion-pending { color: var(--pending); } -.path-local-treestudyplan .r-completion-failed, .path-local-treestudyplan .r-completion-complete-fail, .block_mytreestudyplan .r-completion-failed, .block_mytreestudyplan .r-completion-complete-fail { +.path-local-treestudyplan .r-completion-failed, .path-local-treestudyplan .r-completion-complete-fail, .features-treestudyplan .r-completion-failed, .features-treestudyplan .r-completion-complete-fail { color: var(--danger); } -.path-local-treestudyplan th.r-aggregation-all, .block_mytreestudyplan th.r-aggregation-all { +.path-local-treestudyplan th.r-aggregation-all, .features-treestudyplan th.r-aggregation-all { color: rgb(0, 32, 80); } -.path-local-treestudyplan th.r-aggregation-any, .block_mytreestudyplan th.r-aggregation-any { +.path-local-treestudyplan th.r-aggregation-any, .features-treestudyplan th.r-aggregation-any { color: rgb(0, 46, 0); } -.path-local-treestudyplan tr.r-completion-category-header, .block_mytreestudyplan tr.r-completion-category-header { +.path-local-treestudyplan tr.r-completion-category-header, .features-treestudyplan tr.r-completion-category-header { border-top-style: solid; border-top-width: 1px; border-color: rgb(127, 127, 127); } -.path-local-treestudyplan .r-course-grading, .block_mytreestudyplan .r-course-grading { +.path-local-treestudyplan .r-course-grading, .features-treestudyplan .r-course-grading { font-size: 16pt; margin-right: 2px; vertical-align: bottom; } .path-local-treestudyplan .r-course-graded, -.path-local-treestudyplan .r-course-result, .block_mytreestudyplan .r-course-graded, -.block_mytreestudyplan .r-course-result { +.path-local-treestudyplan .r-course-result, .features-treestudyplan .r-course-graded, +.features-treestudyplan .r-course-result { font-size: 16pt; vertical-align: middle; float: right; margin-right: 2px; margin-top: 2px; } -.path-local-treestudyplan .r-progress-circle-popup, .block_mytreestudyplan .r-progress-circle-popup { +.path-local-treestudyplan .r-progress-circle-popup, .features-treestudyplan .r-progress-circle-popup { position: relative; top: 0.1em; } -.path-local-treestudyplan .r-completion-detail-header, .block_mytreestudyplan .r-completion-detail-header { +.path-local-treestudyplan .r-completion-detail-header, .features-treestudyplan .r-completion-detail-header { font-size: 20pt; } .path-local-treestudyplan .r-item-finish.completion-incomplete, -.path-local-treestudyplan .r-item-junction.completion-incomplete, .block_mytreestudyplan .r-item-finish.completion-incomplete, -.block_mytreestudyplan .r-item-junction.completion-incomplete { +.path-local-treestudyplan .r-item-junction.completion-incomplete, .features-treestudyplan .r-item-finish.completion-incomplete, +.features-treestudyplan .r-item-junction.completion-incomplete { color: var(--incomplete); } .path-local-treestudyplan .r-item-finish.completion-progress, -.path-local-treestudyplan .r-item-junction.completion-progress, .block_mytreestudyplan .r-item-finish.completion-progress, -.block_mytreestudyplan .r-item-junction.completion-progress { +.path-local-treestudyplan .r-item-junction.completion-progress, .features-treestudyplan .r-item-finish.completion-progress, +.features-treestudyplan .r-item-junction.completion-progress { color: var(--warning); } .path-local-treestudyplan .r-item-finish.completion-completed, -.path-local-treestudyplan .r-item-junction.completion-completed, .block_mytreestudyplan .r-item-finish.completion-completed, -.block_mytreestudyplan .r-item-junction.completion-completed { +.path-local-treestudyplan .r-item-junction.completion-completed, .features-treestudyplan .r-item-finish.completion-completed, +.features-treestudyplan .r-item-junction.completion-completed { color: var(--success); } .path-local-treestudyplan .r-item-finish.completion-good, -.path-local-treestudyplan .r-item-junction.completion-good, .block_mytreestudyplan .r-item-finish.completion-good, -.block_mytreestudyplan .r-item-junction.completion-good { +.path-local-treestudyplan .r-item-junction.completion-good, .features-treestudyplan .r-item-finish.completion-good, +.features-treestudyplan .r-item-junction.completion-good { color: var(--info); } .path-local-treestudyplan .r-item-finish.completion-excellent, -.path-local-treestudyplan .r-item-junction.completion-excellent, .block_mytreestudyplan .r-item-finish.completion-excellent, -.block_mytreestudyplan .r-item-junction.completion-excellent { +.path-local-treestudyplan .r-item-junction.completion-excellent, .features-treestudyplan .r-item-finish.completion-excellent, +.features-treestudyplan .r-item-junction.completion-excellent { color: var(--excellent); } .path-local-treestudyplan .r-item-finish.completion-failed, -.path-local-treestudyplan .r-item-junction.completion-failed, .block_mytreestudyplan .r-item-finish.completion-failed, -.block_mytreestudyplan .r-item-junction.completion-failed { +.path-local-treestudyplan .r-item-junction.completion-failed, .features-treestudyplan .r-item-finish.completion-failed, +.features-treestudyplan .r-item-junction.completion-failed { color: var(--danger); } -.path-local-treestudyplan .r-activity-icon, .block_mytreestudyplan .r-activity-icon { +.path-local-treestudyplan .r-activity-icon, .features-treestudyplan .r-activity-icon { position: relative; top: -2px; } -.path-local-treestudyplan table.r-item-course-grade-details td, .block_mytreestudyplan table.r-item-course-grade-details td { +.path-local-treestudyplan table.r-item-course-grade-details td, .features-treestudyplan table.r-item-course-grade-details td { padding-right: 3px; } -.path-local-treestudyplan .r-course-detail-header-right, .block_mytreestudyplan .r-course-detail-header-right { +.path-local-treestudyplan .r-course-detail-header-right, .features-treestudyplan .r-course-detail-header-right { width: 260px; text-align: end; } .path-local-treestudyplan .r-timing-invalid, -.path-local-treestudyplan .t-timing-invalid, .block_mytreestudyplan .r-timing-invalid, -.block_mytreestudyplan .t-timing-invalid { +.path-local-treestudyplan .t-timing-invalid, .features-treestudyplan .r-timing-invalid, +.features-treestudyplan .t-timing-invalid { color: var(--danger); } .path-local-treestudyplan .t-timing-past, -.path-local-treestudyplan .r-timing-past, .block_mytreestudyplan .t-timing-past, -.block_mytreestudyplan .r-timing-past { +.path-local-treestudyplan .r-timing-past, .features-treestudyplan .t-timing-past, +.features-treestudyplan .r-timing-past { color: var(--past); } .path-local-treestudyplan .t-timing-present, -.path-local-treestudyplan .r-timing-present, .block_mytreestudyplan .t-timing-present, -.block_mytreestudyplan .r-timing-present { +.path-local-treestudyplan .r-timing-present, .features-treestudyplan .t-timing-present, +.features-treestudyplan .r-timing-present { color: var(--present); } .path-local-treestudyplan .t-timing-future, -.path-local-treestudyplan .r-timing-future, .block_mytreestudyplan .t-timing-future, -.block_mytreestudyplan .r-timing-future { +.path-local-treestudyplan .r-timing-future, .features-treestudyplan .t-timing-future, +.features-treestudyplan .r-timing-future { color: var(--future); } .path-local-treestudyplan .t-timing-indicator, -.path-local-treestudyplan .r-timing-indicator, .block_mytreestudyplan .t-timing-indicator, -.block_mytreestudyplan .r-timing-indicator { +.path-local-treestudyplan .r-timing-indicator, .features-treestudyplan .t-timing-indicator, +.features-treestudyplan .r-timing-indicator { border-color: rgba(0, 0, 0, 0.125); width: 7px; display: inline-block; @@ -824,215 +881,213 @@ border-bottom-left-radius: 3.5px; } .path-local-treestudyplan .t-timing-indicator.timing-invalid, -.path-local-treestudyplan .r-timing-indicator.timing-invalid, .block_mytreestudyplan .t-timing-indicator.timing-invalid, -.block_mytreestudyplan .r-timing-indicator.timing-invalid { +.path-local-treestudyplan .r-timing-indicator.timing-invalid, .features-treestudyplan .t-timing-indicator.timing-invalid, +.features-treestudyplan .r-timing-indicator.timing-invalid { background-color: var(--danger); } .path-local-treestudyplan .t-timing-indicator.timing-past, -.path-local-treestudyplan .r-timing-indicator.timing-past, .block_mytreestudyplan .t-timing-indicator.timing-past, -.block_mytreestudyplan .r-timing-indicator.timing-past { +.path-local-treestudyplan .r-timing-indicator.timing-past, .features-treestudyplan .t-timing-indicator.timing-past, +.features-treestudyplan .r-timing-indicator.timing-past { background-color: var(--past); } .path-local-treestudyplan .t-timing-indicator.timing-present, -.path-local-treestudyplan .r-timing-indicator.timing-present, .block_mytreestudyplan .t-timing-indicator.timing-present, -.block_mytreestudyplan .r-timing-indicator.timing-present { +.path-local-treestudyplan .r-timing-indicator.timing-present, .features-treestudyplan .t-timing-indicator.timing-present, +.features-treestudyplan .r-timing-indicator.timing-present { background-color: var(--present); } .path-local-treestudyplan .t-timing-indicator.timing-future, -.path-local-treestudyplan .r-timing-indicator.timing-future, .block_mytreestudyplan .t-timing-indicator.timing-future, -.block_mytreestudyplan .r-timing-indicator.timing-future { +.path-local-treestudyplan .r-timing-indicator.timing-future, .features-treestudyplan .t-timing-indicator.timing-future, +.features-treestudyplan .r-timing-indicator.timing-future { background-color: var(--future); } -.path-local-treestudyplan .r-course-am-teacher, .block_mytreestudyplan .r-course-am-teacher { +.path-local-treestudyplan .r-course-am-teacher, .features-treestudyplan .r-course-am-teacher { box-shadow: 0 0 3px 3px rgba(255, 224, 0, 0.5); } -.path-local-treestudyplan .r-graded-unknown, .block_mytreestudyplan .r-graded-unknown { +.path-local-treestudyplan .r-graded-unknown, .features-treestudyplan .r-graded-unknown { color: rgb(139, 107, 0); } -.path-local-treestudyplan .r-graded-unsubmitted, .block_mytreestudyplan .r-graded-unsubmitted { +.path-local-treestudyplan .r-graded-unsubmitted, .features-treestudyplan .r-graded-unsubmitted { color: var(--incomplete); } -.path-local-treestudyplan .r-graded-ungraded, .block_mytreestudyplan .r-graded-ungraded { +.path-local-treestudyplan .r-graded-ungraded, .features-treestudyplan .r-graded-ungraded { color: var(--danger); } -.path-local-treestudyplan .r-graded-allgraded, .block_mytreestudyplan .r-graded-allgraded { +.path-local-treestudyplan .r-graded-allgraded, .features-treestudyplan .r-graded-allgraded { color: var(--excellent); } -.path-local-treestudyplan .r-graded-graded, .block_mytreestudyplan .r-graded-graded { +.path-local-treestudyplan .r-graded-graded, .features-treestudyplan .r-graded-graded { color: var(--success); } -.path-local-treestudyplan .r-graded-nogrades, .block_mytreestudyplan .r-graded-nogrades { +.path-local-treestudyplan .r-graded-nogrades, .features-treestudyplan .r-graded-nogrades { color: var(--light); } -.path-local-treestudyplan .t-configured-ok, .block_mytreestudyplan .t-configured-ok { +.path-local-treestudyplan .t-configured-ok, .features-treestudyplan .t-configured-ok { color: var(--success); } -.path-local-treestudyplan .t-configured-alert, .block_mytreestudyplan .t-configured-alert { +.path-local-treestudyplan .t-configured-alert, .features-treestudyplan .t-configured-alert { color: var(--warning); } -.path-local-treestudyplan .r-grading-bar, .block_mytreestudyplan .r-grading-bar { +.path-local-treestudyplan .r-grading-bar, .features-treestudyplan .r-grading-bar { display: inline-block; white-space: nowrap; height: min-content; } -.path-local-treestudyplan .r-grading-bar-segment, .block_mytreestudyplan .r-grading-bar-segment { +.path-local-treestudyplan .r-grading-bar-segment, .features-treestudyplan .r-grading-bar-segment { border-color: #aaa; border-width: 1px; display: inline-block; border-bottom-style: solid; border-top-style: solid; } -.path-local-treestudyplan .r-grading-bar-segment:first-child, .block_mytreestudyplan .r-grading-bar-segment:first-child { +.path-local-treestudyplan .r-grading-bar-segment:first-child, .features-treestudyplan .r-grading-bar-segment:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-left-style: solid; } -.path-local-treestudyplan .r-grading-bar-segment:last-child, .block_mytreestudyplan .r-grading-bar-segment:last-child { +.path-local-treestudyplan .r-grading-bar-segment:last-child, .features-treestudyplan .r-grading-bar-segment:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-right-style: solid; } -.path-local-treestudyplan .r-grading-bar-unsubmitted, .block_mytreestudyplan .r-grading-bar-unsubmitted { +.path-local-treestudyplan .r-grading-bar-unsubmitted, .features-treestudyplan .r-grading-bar-unsubmitted { background-color: var(--light); } -.path-local-treestudyplan .r-grading-bar-graded, .block_mytreestudyplan .r-grading-bar-graded { +.path-local-treestudyplan .r-grading-bar-graded, .features-treestudyplan .r-grading-bar-graded { background-color: var(--success); } -.path-local-treestudyplan .r-grading-bar-ungraded, .block_mytreestudyplan .r-grading-bar-ungraded { +.path-local-treestudyplan .r-grading-bar-ungraded, .features-treestudyplan .r-grading-bar-ungraded { background-color: var(--danger); } -.path-local-treestudyplan .r-completion-bar-incomplete, .block_mytreestudyplan .r-completion-bar-incomplete { +.path-local-treestudyplan .r-completion-bar-incomplete, .features-treestudyplan .r-completion-bar-incomplete { background-color: var(--light); } -.path-local-treestudyplan .r-completion-bar-completed, .block_mytreestudyplan .r-completion-bar-completed { +.path-local-treestudyplan .r-completion-bar-completed, .features-treestudyplan .r-completion-bar-completed { background-color: var(--info); } -.path-local-treestudyplan .r-completion-bar-completed-pass, .block_mytreestudyplan .r-completion-bar-completed-pass { +.path-local-treestudyplan .r-completion-bar-completed-pass, .features-treestudyplan .r-completion-bar-completed-pass { background-color: var(--success); } -.path-local-treestudyplan .r-completion-bar-completed-fail, .block_mytreestudyplan .r-completion-bar-completed-fail { +.path-local-treestudyplan .r-completion-bar-completed-fail, .features-treestudyplan .r-completion-bar-completed-fail { background-color: var(--danger); } -.path-local-treestudyplan .r-completion-bar-ungraded, .block_mytreestudyplan .r-completion-bar-ungraded { +.path-local-treestudyplan .r-completion-bar-ungraded, .features-treestudyplan .r-completion-bar-ungraded { background-color: var(--warning); } -.path-local-treestudyplan .card.s-studyplan-card, .block_mytreestudyplan .card.s-studyplan-card { +.path-local-treestudyplan .card.s-studyplan-card, .features-treestudyplan .card.s-studyplan-card { min-width: 300px; max-width: 500px; margin-bottom: 1em; } -.path-local-treestudyplan .card.s-studyplan-card.timing-past .card-header, .block_mytreestudyplan .card.s-studyplan-card.timing-past .card-header { +.path-local-treestudyplan .card.s-studyplan-card.timing-past .card-header, .features-treestudyplan .card.s-studyplan-card.timing-past .card-header { background-color: var(--past); } -.path-local-treestudyplan .card.s-studyplan-card.timing-present .card-header, .block_mytreestudyplan .card.s-studyplan-card.timing-present .card-header { +.path-local-treestudyplan .card.s-studyplan-card.timing-present .card-header, .features-treestudyplan .card.s-studyplan-card.timing-present .card-header { background-color: var(--present); } -.path-local-treestudyplan .card.s-studyplan-card.timing-future .card-header, .block_mytreestudyplan .card.s-studyplan-card.timing-future .card-header { +.path-local-treestudyplan .card.s-studyplan-card.timing-future .card-header, .features-treestudyplan .card.s-studyplan-card.timing-future .card-header { background-color: var(--future); } -.path-local-treestudyplan .s-studyplan-card-title-buttons, .block_mytreestudyplan .s-studyplan-card-title-buttons { +.path-local-treestudyplan .s-studyplan-card-title-buttons, .features-treestudyplan .s-studyplan-card-title-buttons { font-size: 12pt; float: right; } -.path-local-treestudyplan .s-studyplan-card-title-buttons > *, .block_mytreestudyplan .s-studyplan-card-title-buttons > * { +.path-local-treestudyplan .s-studyplan-card-title-buttons > *, .features-treestudyplan .s-studyplan-card-title-buttons > * { margin-left: 0.2em; margin-right: 0.3em; } -.path-local-treestudyplan .s-studyplan-card-buttons, .block_mytreestudyplan .s-studyplan-card-buttons { +.path-local-treestudyplan .s-studyplan-card-buttons, .features-treestudyplan .s-studyplan-card-buttons { float: right; display: flex; align-items: center; justify-content: right; } -.path-local-treestudyplan .s-studyplan-card-buttons > *, .block_mytreestudyplan .s-studyplan-card-buttons > * { +.path-local-treestudyplan .s-studyplan-card-buttons > *, .features-treestudyplan .s-studyplan-card-buttons > * { margin-left: 1em; } -.path-local-treestudyplan .s-studyplan-associate-window .custom-select, .block_mytreestudyplan .s-studyplan-associate-window .custom-select { +.path-local-treestudyplan .s-studyplan-associate-window .custom-select, .features-treestudyplan .s-studyplan-associate-window .custom-select { width: 100%; max-width: 100%; } -.path-local-treestudyplan .s-required, .block_mytreestudyplan .s-required { +.path-local-treestudyplan .s-required, .features-treestudyplan .s-required { color: var(--danger); } -.path-local-treestudyplan .s-required.complete, .block_mytreestudyplan .s-required.complete { +.path-local-treestudyplan .s-required.complete, .features-treestudyplan .s-required.complete { color: var(--info); } .path-local-treestudyplan .s-required.complete-pass, .path-local-treestudyplan .s-required.good, .path-local-treestudyplan .s-required.excellent, -.path-local-treestudyplan .s-required.allgraded, .block_mytreestudyplan .s-required.complete-pass, -.block_mytreestudyplan .s-required.good, -.block_mytreestudyplan .s-required.excellent, -.block_mytreestudyplan .s-required.allgraded { +.path-local-treestudyplan .s-required.allgraded, .features-treestudyplan .s-required.complete-pass, +.features-treestudyplan .s-required.good, +.features-treestudyplan .s-required.excellent, +.features-treestudyplan .s-required.allgraded { color: var(--success); } -.path-local-treestudyplan .s-required.neutral, .block_mytreestudyplan .s-required.neutral { +.path-local-treestudyplan .s-required.neutral, .features-treestudyplan .s-required.neutral { color: #aaa; } .path-local-treestudyplan .r-tooltip.incomplete .tooltip-inner, .path-local-treestudyplan .r-tooltip.complete-fail .tooltip-inner, -.path-local-treestudyplan .r-tooltip.completed-fail .tooltip-inner, .block_mytreestudyplan .r-tooltip.incomplete .tooltip-inner, -.block_mytreestudyplan .r-tooltip.complete-fail .tooltip-inner, -.block_mytreestudyplan .r-tooltip.completed-fail .tooltip-inner { +.path-local-treestudyplan .r-tooltip.completed-fail .tooltip-inner, .features-treestudyplan .r-tooltip.incomplete .tooltip-inner, +.features-treestudyplan .r-tooltip.complete-fail .tooltip-inner, +.features-treestudyplan .r-tooltip.completed-fail .tooltip-inner { background-color: var(--danger); } .path-local-treestudyplan .r-tooltip.incomplete .arrow::before, .path-local-treestudyplan .r-tooltip.complete-fail .arrow::before, -.path-local-treestudyplan .r-tooltip.completed-fail .arrow::before, .block_mytreestudyplan .r-tooltip.incomplete .arrow::before, -.block_mytreestudyplan .r-tooltip.complete-fail .arrow::before, -.block_mytreestudyplan .r-tooltip.completed-fail .arrow::before { +.path-local-treestudyplan .r-tooltip.completed-fail .arrow::before, .features-treestudyplan .r-tooltip.incomplete .arrow::before, +.features-treestudyplan .r-tooltip.complete-fail .arrow::before, +.features-treestudyplan .r-tooltip.completed-fail .arrow::before { border-top-color: var(--danger); } .path-local-treestudyplan .r-tooltip.complete .tooltip-inner, -.path-local-treestudyplan .r-tooltip.completed .tooltip-inner, .block_mytreestudyplan .r-tooltip.complete .tooltip-inner, -.block_mytreestudyplan .r-tooltip.completed .tooltip-inner { +.path-local-treestudyplan .r-tooltip.completed .tooltip-inner, .features-treestudyplan .r-tooltip.complete .tooltip-inner, +.features-treestudyplan .r-tooltip.completed .tooltip-inner { background-color: var(--info); } .path-local-treestudyplan .r-tooltip.complete .arrow::before, -.path-local-treestudyplan .r-tooltip.completed .arrow::before, .block_mytreestudyplan .r-tooltip.complete .arrow::before, -.block_mytreestudyplan .r-tooltip.completed .arrow::before { +.path-local-treestudyplan .r-tooltip.completed .arrow::before, .features-treestudyplan .r-tooltip.complete .arrow::before, +.features-treestudyplan .r-tooltip.completed .arrow::before { border-top-color: var(--info); } .path-local-treestudyplan .r-tooltip.complete-pass .tooltip-inner, -.path-local-treestudyplan .r-tooltip.completed-pass .tooltip-inner, .block_mytreestudyplan .r-tooltip.complete-pass .tooltip-inner, -.block_mytreestudyplan .r-tooltip.completed-pass .tooltip-inner { +.path-local-treestudyplan .r-tooltip.completed-pass .tooltip-inner, .features-treestudyplan .r-tooltip.complete-pass .tooltip-inner, +.features-treestudyplan .r-tooltip.completed-pass .tooltip-inner { background-color: var(--success); } .path-local-treestudyplan .r-tooltip.complete-pass .arrow::before, -.path-local-treestudyplan .r-tooltip.completed-pass .arrow::before, .block_mytreestudyplan .r-tooltip.complete-pass .arrow::before, -.block_mytreestudyplan .r-tooltip.completed-pass .arrow::before { +.path-local-treestudyplan .r-tooltip.completed-pass .arrow::before, .features-treestudyplan .r-tooltip.complete-pass .arrow::before, +.features-treestudyplan .r-tooltip.completed-pass .arrow::before { border-top-color: var(--success); } -.path-local-treestudyplan .r-tooltip.incomplete .tooltip-inner, .block_mytreestudyplan .r-tooltip.incomplete .tooltip-inner { +.path-local-treestudyplan .r-tooltip.incomplete .tooltip-inner, .features-treestudyplan .r-tooltip.incomplete .tooltip-inner { background-color: var(--danger); } -.path-local-treestudyplan .r-tooltip.incomplete .arrow::before, .block_mytreestudyplan .r-tooltip.incomplete .arrow::before { +.path-local-treestudyplan .r-tooltip.incomplete .arrow::before, .features-treestudyplan .r-tooltip.incomplete .arrow::before { border-top-color: var(--danger); } -.path-local-treestudyplan .m-buttonbar, .block_mytreestudyplan .m-buttonbar { +.path-local-treestudyplan .m-buttonbar, .features-treestudyplan .m-buttonbar { display: flex; align-items: center; justify-content: left; } .path-local-treestudyplan .m-buttonbar a, .path-local-treestudyplan .m-buttonbar span, -.path-local-treestudyplan .m-buttonbar i, .block_mytreestudyplan .m-buttonbar a, -.block_mytreestudyplan .m-buttonbar span, -.block_mytreestudyplan .m-buttonbar i { +.path-local-treestudyplan .m-buttonbar i, .features-treestudyplan .m-buttonbar a, +.features-treestudyplan .m-buttonbar span, +.features-treestudyplan .m-buttonbar i { vertical-align: middle; display: inline; } -.path-local-treestudyplan .m-buttonbar a, .block_mytreestudyplan .m-buttonbar a { +.path-local-treestudyplan .m-buttonbar a, .features-treestudyplan .m-buttonbar a { margin-right: 1em; } -.path-local-treestudyplan .s-edit-mod-form [data-fieldtype=submit], .block_mytreestudyplan .s-edit-mod-form [data-fieldtype=submit] { +.path-local-treestudyplan .s-edit-mod-form [data-fieldtype=submit], .features-treestudyplan .s-edit-mod-form [data-fieldtype=submit] { display: none !important; } -.path-local-treestudyplan .s-edit-mod-form.genericonly form > fieldset:not(#id_general), .block_mytreestudyplan .s-edit-mod-form.genericonly form > fieldset:not(#id_general) { +.path-local-treestudyplan .s-edit-mod-form.genericonly form > fieldset:not(#id_general), .features-treestudyplan .s-edit-mod-form.genericonly form > fieldset:not(#id_general) { display: none !important; } -.path-local-treestudyplan .border-grey, .block_mytreestudyplan .border-grey { +.path-local-treestudyplan .border-grey, .features-treestudyplan .border-grey { border-color: #aaa; } - -/*# sourceMappingURL=devstyles.css.map */ diff --git a/scss/colors.scss b/scss/colors.scss new file mode 100644 index 0000000..74a253a --- /dev/null +++ b/scss/colors.scss @@ -0,0 +1,16 @@ +.path-local-treestudyplan, .features-treestudyplan + { + /* we can override these colors in the :root field if needed */ + --less-light: color-mix(in srgb, var(--light) 80%, #ccc); + --highlight-mix: 10%; + --highlight: var(--info); + --past: var(--purple); + --present: var(--blue); + --future: var(--gray); + --coursecat-list: var(--blue); + --course-list: var(--green); + --excellent: var(--blue); + --pending: var(--gray); + --incomplete: var(--gray); + +} \ No newline at end of file diff --git a/scss/generic.scss b/scss/generic.scss new file mode 100644 index 0000000..2f2646d --- /dev/null +++ b/scss/generic.scss @@ -0,0 +1,15 @@ +.path-local-treestudyplan { + div.tab-pane:target { + margin-top: 0px; + } + + [v-cloak] { + visibility: hidden; + } + + .vue-loader { + width: 32px; + margin: auto; + } + +} \ No newline at end of file diff --git a/scss/invitemanager.scss b/scss/invitemanager.scss index 4fa502a..be61141 100644 --- a/scss/invitemanager.scss +++ b/scss/invitemanager.scss @@ -1,21 +1,3 @@ -/* stylelint-disable length-zero-no-unit, color-hex-case, color-hex-length*/ - -.path-local-treestudyplan { - div.tab-pane:target { - margin-top: 0px; - } - - [v-cloak] { - visibility: hidden; - } - - .vue-loader { - width: 32px; - margin: auto; - } - -} - /******************* * * Invite manager diff --git a/scss/readme-moodle.txt b/scss/readme-moodle.txt new file mode 100644 index 0000000..9a7d891 --- /dev/null +++ b/scss/readme-moodle.txt @@ -0,0 +1,20 @@ +The amount of css rules required for this plugin is quite high. To accomodate the +moodle plugin practice of plugin specific css selectors, this makes the css rules +quite hard to maintain. + +Unfortunately, moodle does not extend the sass/scss compiler support to plugins +that are not a theme. + +To alleviate this, this plugin includes it's own scss compiler script that compiles +all scss files in this directory into one css file - css/devstyles.css + +This files is used instead of styles.css in order to avoid having to clear the theme +cache every time a style rule is changed during development. + +Once I devise a method to use styles.css in production environtments and css/devstyles.css +production environments, the compiler will compile it into both css/devstyles.css +and styles.css + +Call the plugin's scss compiler by running scssbuild.sh in the plugin's root. + + diff --git a/scss/studyplan.scss b/scss/studyplan.scss index eceecaf..53d6bae 100644 --- a/scss/studyplan.scss +++ b/scss/studyplan.scss @@ -1,19 +1,6 @@ -/* stylelint-disable length-zero-no-unit, color-hex-case, color-hex-length, no-eol-whitespace, unit-blacklist, block-no-empty */ -.path-local-treestudyplan, .block_mytreestudyplan +.path-local-treestudyplan, .features-treestudyplan { - /* we can override these colors in the :root field if needed */ - --less-light: color-mix(in srgb, var(--light) 80%, #ccc); - --highlight-mix: 10%; - --highlight: var(--info); - --past: var(--purple); - --present: var(--blue); - --future: var(--gray); - --coursecat-list: var(--blue); - --course-list: var(--green); - --excellent: var(--blue); - --pending: var(--gray); - --incomplete: var(--gray); .t-toolbox-preface { margin: 10px;