Skip to content
Snippets Groups Projects
Commit aa09c4a8 authored by Ron Lucke's avatar Ron Lucke Committed by Jan-Hendrik Willms
Browse files

fix #1987 

Closes #1987

Merge request studip/studip!1294
parent 480af1ce
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
resources/assets/stylesheets/scss/courseware.scss
+ 109
− 112
View file @ aa09c4a8
...@@ -5085,142 +5085,139 @@ cw tiles ...@@ -5085,142 +5085,139 @@ cw tiles
background-color: $color; background-color: $color;
} }
}; };
}
.preview-image { .preview-image {
height: 180px; height: 180px;
width: 100%; width: 100%;
background-size: auto 180px; background-size: auto 180px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: $content-color-20; background-color: $content-color-20;
background-position: center; background-position: center;
&.default-image { &.default-image {
@include background-icon(courseware, clickable, 128); @include background-icon(courseware, clickable, 128);
} }
.overlay-text { .overlay-text {
padding: 6px 7px; padding: 6px 7px;
margin: 4px; margin: 4px;
background-color: rgba(255,255,255,0.8); background-color: rgba(255,255,255,0.8);
width: fit-content; width: fit-content;
max-width: 100%; max-width: 100%;
height: 1.25em; height: 1.25em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
float: right; float: right;
text-align: right; text-align: right;
} }
.overlay-action-menu { .overlay-action-menu {
padding: 0; padding: 0;
margin: 0.25em; margin: 0.25em;
background-color: rgba(255,255,255,0.8); background-color: rgba(255,255,255,0.8);
width: fit-content; width: fit-content;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
float: right; float: right;
text-align: right; text-align: right;
.action-menu { .action-menu {
margin: 5px; margin: 5px;
}
} }
} }
}
.description {
height: 220px;
padding: 14px;
color: $white;
position: relative;
display: block;
header { .description {
font-size: 20px; height: 220px;
line-height: 22px; padding: 14px;
color: $white; color: $white;
border: none; position: relative;
width: 240px; display: block;
overflow: hidden;
text-overflow: ellipsis; header {
white-space: nowrap; font-size: 20px;
background-repeat: no-repeat; line-height: 22px;
background-position: 0 0; color: $white;
border: none;
width: 240px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-repeat: no-repeat;
background-position: 0 0;
@each $type, $icon in $element-icons { @each $type, $icon in $element-icons {
&.description-icon-#{$type} { &.description-icon-#{$type} {
width: 212px; width: 212px;
padding-left: 28px; padding-left: 28px;
@include background-icon(#{$icon}, info_alt, 22); @include background-icon(#{$icon}, info_alt, 22);
}
} }
} }
}
.progress-wrapper { .progress-wrapper {
width: 100%;
padding: 1em 0;
border: none;
background: none;
progress {
display: block;
width: 100%; width: 100%;
height: 3px; padding: 1em 0;
margin: 0;
border: none; border: none;
background: rgba(0,0,0,0.3); background: none;
&:-webkit-progress-bar {
background: rgba(0,0,0,0.3); progress {
} display: block;
&::-webkit-progress-value { width: 100%;
background: white; height: 3px;
} margin: 0;
&::-moz-progress-bar { border: none;
background: white; background: rgba(0,0,0,0.3);
&:-webkit-progress-bar {
background: rgba(0,0,0,0.3);
}
&::-webkit-progress-value {
background: white;
}
&::-moz-progress-bar {
background: white;
}
} }
} }
}
.description-text-wrapper {
overflow: hidden;
.description-text-wrapper { height: 10em;
overflow: hidden; margin-top: 0.5em;
height: 10em; display: -webkit-box;
margin-top: 0.5em; margin-bottom: 1em;
display: -webkit-box; -webkit-line-clamp: 7;
margin-bottom: 1em; -webkit-box-orient: vertical;
-webkit-line-clamp: 7; p {
-webkit-box-orient: vertical; text-align: left;
p { }
text-align: left;
} }
}
footer { footer {
width: 242px; width: 242px;
text-align: right; text-align: right;
color: $white; color: $white;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
img { img {
vertical-align: text-bottom; vertical-align: text-bottom;
}
} }
} }
}
a[href].description { a[href].description {
transition: unset; transition: unset;
} }
a.description, a.description,
a.description:link, a.description:link,
a.description:visited, a.description:visited,
a.description:hover { a.description:hover {
height: 210px; height: 210px;
color: $white; color: $white;
text-decoration: unset; text-decoration: unset;
}
} }
/* /*
cw tiles end cw tiles end
*/ */
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment