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

style(course-teaser): wrap sorting header line in firefox

Browse Source
This commit is contained in:
Sarah Vaupel 2019-08-13 14:51:07 +02:00
parent 3a57c7ec66
commit a2fe688eb5
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -143,10 +143,11 @@ course teaser: header styling
.course-teaser-header { .course-teaser-header {
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;
line-height: 2.7; line-height: 1.4;
max-width: 85vw;
.course-header { .course-header {
white-space: nowrap; float: left;
background-color: var(--color-dark); background-color: var(--color-dark);
position: relative; position: relative;
font-size: 16px; font-size: 16px;
@ -155,6 +156,7 @@ course teaser: header styling
padding-bottom: 10px; padding-bottom: 10px;
padding-left: 10px; padding-left: 10px;
padding-right: 35px; padding-right: 35px;
margin-bottom: 10px;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%; border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
@ -171,3 +173,9 @@ course teaser: header styling
} }
} }
} }
.course-teaser-header:after {
content: "";
display: table;
clear: both;
}