fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(course-teaser): don't collapse unless chevron is clicked

Browse Source
This commit is contained in:
Gregor Kleen 2019-08-12 18:46:45 +02:00
parent ea51690735
commit fca99bebe6
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/utils/course-teaser/course-teaser.js
View File

@ -7,7 +7,7 @@ var COURSE_TEASER_EXPANDED_CLASS = 'course-teaser__expanded';
var COURSE_TEASER_CHEVRON_CLASS = 'course-teaser__chevron';
@Utility({
selector: '[uw-course-teaser]',
selector: '[uw-course-teaser]:not(.course-teaser__disabled)',
})
export class CourseTeaser {
@ -27,11 +27,11 @@ export class CourseTeaser {
_onToggleExpand(event) {
var isLink = event.target.tagName.toLowerCase() === 'a';
var isChevron = event.target.classList.contains(COURSE_TEASER_CHEVRON_CLASS);
var isExpanded = event.target.classList.contains(COURSE_TEASER_EXPANDED_CLASS);
var isExpanded = this._element.classList.contains(COURSE_TEASER_EXPANDED_CLASS);
if ((!isExpanded && !isLink) || isChevron) {
this._element.classList.toggle(COURSE_TEASER_EXPANDED_CLASS);
}
}
}
}

2
frontend/src/utils/course-teaser/course-teaser.scss
View File

@ -90,7 +90,7 @@
/* description */
.course-teaser__description {
grid-column: 3;
color: var(--color-fontsec);
/* color: var(--color-fontsec); */
}
/* subtitle */

4
templates/table/course/course-teaser.hamlet
View File

@ -1,4 +1,4 @@
<div uw-course-teaser :isRegistered:.course-teaser__registered tabindex='1'>
<div uw-course-teaser :isRegistered:.course-teaser__registered :is _Nothing courseDescription:.course-teaser__disabled tabindex='1'>
<div .course-teaser__semester>
<a href=@{TermCourseListR courseTerm}>_{courseSemester}
<div .course-teaser__school-value>
@ -20,8 +20,6 @@
$maybe regTo <- courseRegisterTo
<div .course-teaser__duedate-label>_{MsgRegisterTo}
<div .course-teaser__duedate-value>^{formatTimeW SelFormatDateTime regTo}
$nothing
$maybe desc <- courseDescription
<div .course-teaser__chevron>
<div .course-teaser__description>#{desc}
$nothing