moodle_local_treestudyplan/scss/studyplan-report.scss

199 lines
4.8 KiB
SCSS
Raw Normal View History

2024-02-18 23:27:57 +01:00
.path-local-treestudyplan {
font: inherit;
--border-color: #ccc;
2024-02-23 09:20:10 +01:00
--conditions-bgcolor: #e7e7e7;
--courseresult-bgcolor: white;
--studentinfo-bgcolor: white;
2024-02-23 09:20:10 +01:00
table.q-studyplanreport {
2024-02-20 20:40:18 +01:00
table-layout: fixed;
width: calc((2 * 12rem) + (var(--resultColCount) * 4rem));
colgroup.q-col-studentinfo {
col.q-name {
width: 14rem;
}
col.q-lastaccess {
width: 10rem;
}
}
colgroup.q-col-resultinfo {
col {
width: 4rem;
}
}
2024-02-20 20:40:18 +01:00
}
.q-header {
2024-02-23 09:20:10 +01:00
background-color: var(--courseresult-bgcolor);
2024-02-18 23:27:57 +01:00
2024-02-23 09:20:10 +01:00
.q-period-heading, .q-line-heading, .q-item-heading, .q-condition-heading
2024-02-18 23:27:57 +01:00
{
2024-02-23 09:20:10 +01:00
border-right: 1px solid var(--border-color);
border-top: 1px solid var(--border-color);
padding: 0.5rem;
}
2024-02-18 23:27:57 +01:00
2024-02-23 09:20:10 +01:00
.q-period-heading, .q-line-heading, .q-item-heading,
.q-condition-heading.overall, .q-result.overall {
background-color: var(--courseresult-bgcolor);
}
2024-02-18 23:27:57 +01:00
2024-02-23 09:20:10 +01:00
.q-period-heading.collapsed {
width:6rem;
2024-02-18 23:27:57 +01:00
}
.q-result {
height: 2rem;
2024-02-19 11:34:40 +01:00
padding-top: 0.25rem;
2024-02-18 23:27:57 +01:00
}
2024-02-23 09:20:10 +01:00
.q-line-heading,
.q-item-heading,
2024-02-18 23:27:57 +01:00
.q-condition-heading {
width: 2rem;
2024-02-23 09:20:10 +01:00
writing-mode: vertical-rl;
2024-02-18 23:27:57 +01:00
text-orientation: sideways;
2024-02-23 09:20:10 +01:00
.q-chevron {
text-orientation: initial;
writing-mode: horizontal-tb;
}
2024-02-18 23:27:57 +01:00
}
2024-02-20 20:40:18 +01:00
.q-period-heading,
.q-line-heading,
.q-item-heading,
.q-condition-heading {
vertical-align: top;
}
2024-02-23 09:20:10 +01:00
.q-line-heading > span.q-wrap{
display:inline-block;
height: 7rem;
2024-02-18 23:27:57 +01:00
}
2024-02-23 09:20:10 +01:00
.q-item-heading > span.q-wrap{
display:inline-block;
height: 7rem;
white-space: nowrap;
2024-02-18 23:27:57 +01:00
}
.q-condition-heading {
2024-02-23 09:20:10 +01:00
> span.q-wrap {
display:inline-block;
2024-02-20 20:40:18 +01:00
height: 8rem;
}
2024-02-23 09:20:10 +01:00
text-align: left;
background: var(--conditions-bgcolor);
2024-02-18 23:27:57 +01:00
}
a.q-condition-label {
text-decoration-line: underline;
text-decoration-style: dotted;
cursor: pointer;
color: inherit; /* Don't force a color on this link */
}
.q-studentinfo {
padding: 0.5em;
border: 1px solid var(--border-color);
width: 12rem;
background-color: var(--studentinfo-bgcolor);
vertical-align: bottom;
font-weight: normal;
&.q-name {
white-space: nowrap;
}
}
2024-02-18 23:27:57 +01:00
}
.q-groupheading {
td,th {
&:first-child {
border-right: none;
}
&:last-child {
border-left: none;
}
background-color: var(--studentinfo-bgcolor);
padding: 0.5em;
border: 1px solid var(--border-color);
2024-02-23 09:20:10 +01:00
}
2024-02-20 20:40:18 +01:00
}
.q-inforow {
td,th {
background-color: var(--studentinfo-bgcolor);
padding: 0.5em;
border: 1px solid var(--border-color);
}
2024-02-18 23:27:57 +01:00
}
2024-02-20 20:40:18 +01:00
.q-student-results {
&.odd td {
background-color: var(--light);
&.q-result {
background-color: var(--light);
}
}
.q-result {
text-align: center;
2024-02-20 20:40:18 +01:00
vertical-align: middle;
border: 1px solid var(--border-color);
width: 4rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
background-color: var(--conditions-bgcolor);
&.overall, &.collapsed {
background-color: var(--courseresult-bgcolor);
}
&.collapsed {
border-top: none;
border-bottom: none;
}
2024-02-20 20:40:18 +01:00
}
2024-02-18 23:27:57 +01:00
.q-studentinfo {
padding: 0.5em;
border: 1px solid var(--border-color);
width: 12rem;
background-color: var(--studentinfo-bgcolor);
}
2024-02-23 09:20:10 +01:00
.q-courseresult,
.q-conditionresult{
i.fa {
font-size: 21px;
vertical-align: middle;
}
}
2024-02-23 09:20:10 +01:00
.q-conditionresult{
font-size: 1.2rem;
display: inline-block;
width: 100%;
}
}
.q-pageperiodselection {
margin-left: 0;
margin-bottom: 1em;
margin-top: 1em;
padding-left: 0;
position: relative;
.row {
margin-top: 0.5rem;
}
select.custom-select {
width: 100%;
}
.q-label {
position: relative;
top: 0.5em;
}
}
}