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

remove register button from course teaser

Browse Source
This commit is contained in:
Felix Hamann 2019-03-23 22:39:56 +01:00
parent c430649d0c
commit 16e5e8ea6f
2 changed files with 11 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
templates/widgets/course-teaser/course-teaser.hamlet
View File

@ -3,14 +3,11 @@
<div .course-shorthand>_{courseShorthand} <div .course-shorthand>_{courseShorthand}
<div .course-title> <div .course-title>
<a href=@{AdminTestR}>_{courseTitle} <a href=@{AdminTestR}>_{courseTitle}
<div .course-registration>_{MsgRegistered}
<div .course-lecturer-label>_{MsgLecturerFor} <div .course-lecturer-label>_{MsgLecturerFor}
<div .course-lecturer-value>_{courseLecturer} <div .course-lecturer-value>_{courseLecturer}
<div .course-duedate-label>_{MsgRegisterTo} <div .course-duedate-label>_{MsgRegisterTo}
<div .course-duedate-value>_{courseRegisterTo} <div .course-duedate-value>_{courseRegisterTo}
<div .course-school-label>_{MsgCourseSchool} <div .course-school-label>_{MsgCourseSchool}
<div .course-school-value>_{courseSchoolName} <div .course-school-value>_{courseSchoolName}
<div .course-registration>
<a .course-registration__register course-registration__item button href=@{AdminTestR}>_{MsgBtnRegister}
<a .course-registration__deregister course-registration__item href=@{AdminTestR}>_{MsgBtnDeregister}
<span .course-registration__registered course-registration__item>_{MsgRegistered}
<div .course-description>_{courseDescription} <div .course-description>_{courseDescription}

45
templates/widgets/course-teaser/course-teaser.lucius
View File

@ -1,4 +1,5 @@
:root { :root {
--color-fontsec: #5b5861;
--course-bg-color: var(--color-grey-lighter); --course-bg-color: var(--color-grey-lighter);
--course-expanded-bg-color: var(--color-grey-light); --course-expanded-bg-color: var(--color-grey-light);
} }
@ -27,13 +28,14 @@
cursor: pointer; cursor: pointer;
padding: 10px; padding: 10px;
grid-column: 4; grid-column: 4;
grid-row: 1/3; grid-row: 1;
justify-self: center; justify-self: center;
align-self: center; align-self: center;
&::before { &::before {
content: ''; content: '';
display: block; display: block;
margin-top: -8px;
border-width: 0 3px 3px 0; border-width: 0 3px 3px 0;
width: 8px; width: 8px;
height: 8px; height: 8px;
@ -65,24 +67,21 @@
// title // title
.course-title { .course-title {
grid-column: 3; grid-column: 3;
grid-row: 1;
font-size: 1.6rem; font-size: 1.6rem;
align-self: flex-end; align-self: baseline;
} }
// registration // registration
.course-registration { .course-registration {
grid-column: 4; grid-column: 3;
grid-row: 3/5; grid-row: 1;
justify-self: center; justify-self: end;
align-self: flex-end; align-self: baseline;
font-size: 16px; font-size: 16px;
color: var(--color-fontsec); color: var(--color-fontsec);
} }
.course-registration__item {
display: none;
}
// school // school
.course-school-label { .course-school-label {
grid-column: 3; grid-column: 3;
@ -120,26 +119,10 @@
// registered courses // registered courses
.course--registered { .course--registered {
.course-registration__registered { .course-registration {
display: block;
}
.course-registration__deregister {
display: none;
}
&:hover {
.course-registration__register,
.course-registration__registered {
display: none;
}
.course-registration__deregister {
display: block; display: block;
} }
} }
}
// expanded courses // expanded courses
.course--expanded { .course--expanded {
@ -153,15 +136,7 @@
.course-school-value, .course-school-value,
.course-duedate-label, .course-duedate-label,
.course-duedate-value, .course-duedate-value,
.course-registration,
.course-registration__register,
.course-description { .course-description {
display: block; display: block;
} }
&.course--registered {
.course-registration__register {
display: none;
}
}
} }