fix #1987

Closes #1987

Merge request studip/studip!1294

resources/assets/stylesheets/scss/courseware.scss

@@ -5085,142 +5085,139 @@ cw tiles
             background-color: $color;
         }
     };
-}
 
-.preview-image {
-    height: 180px;
-    width: 100%;
-    background-size: auto 180px;
-    background-repeat: no-repeat;
-    background-color: $content-color-20;
-    background-position: center;
-    &.default-image {
-            @include background-icon(courseware, clickable, 128);
-    }
+    .preview-image {
+        height: 180px;
+        width: 100%;
+        background-size: auto 180px;
+        background-repeat: no-repeat;
+        background-color: $content-color-20;
+        background-position: center;
+        &.default-image {
+                @include background-icon(courseware, clickable, 128);
+        }
 
-    .overlay-text {
-        padding: 6px 7px;
-        margin: 4px;
-        background-color: rgba(255,255,255,0.8);
-        width: fit-content;
-        max-width: 100%;
-        height: 1.25em;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        float: right;
-        text-align: right;
-    }
+        .overlay-text {
+            padding: 6px 7px;
+            margin: 4px;
+            background-color: rgba(255,255,255,0.8);
+            width: fit-content;
+            max-width: 100%;
+            height: 1.25em;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            float: right;
+            text-align: right;
+        }
 
-    .overlay-action-menu {
-        padding: 0;
-        margin: 0.25em;
-        background-color: rgba(255,255,255,0.8);
-        width: fit-content;
-        max-width: 100%;
-        overflow: hidden;
-        float: right;
-        text-align: right;
-        .action-menu {
-            margin: 5px;
+        .overlay-action-menu {
+            padding: 0;
+            margin: 0.25em;
+            background-color: rgba(255,255,255,0.8);
+            width: fit-content;
+            max-width: 100%;
+            overflow: hidden;
+            float: right;
+            text-align: right;
+            .action-menu {
+                margin: 5px;
+            }
         }
     }
-}
-
-.description {
-    height: 220px;
-    padding: 14px;
-    color: $white;
-    position: relative;
-    display: block;
 
-    header {
-        font-size: 20px;
-        line-height: 22px;
+    .description {
+        height: 220px;
+        padding: 14px;
         color: $white;
-        border: none;
-        width: 240px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        background-repeat: no-repeat;
-        background-position: 0 0;
+        position: relative;
+        display: block;
+
+        header {
+            font-size: 20px;
+            line-height: 22px;
+            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 {
-            &.description-icon-#{$type} {
-                width: 212px;
-                padding-left: 28px;
-                @include background-icon(#{$icon}, info_alt, 22);
+            @each $type, $icon in $element-icons {
+                &.description-icon-#{$type} {
+                    width: 212px;
+                    padding-left: 28px;
+                    @include background-icon(#{$icon}, info_alt, 22);
+                }
             }
         }
-    }
 
-    .progress-wrapper {
-        width: 100%;
-        padding: 1em 0;
-        border: none;
-        background: none;
-
-        progress {
-            display: block;
+        .progress-wrapper {
             width: 100%;
-            height: 3px;
-            margin: 0;
+            padding: 1em 0;
             border: none;
-            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;
+            background: none;
+
+            progress {
+                display: block;
+                width: 100%;
+                height: 3px;
+                margin: 0;
+                border: none;
+                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;
-        height: 10em;
-        margin-top: 0.5em;
-        display: -webkit-box;
-        margin-bottom: 1em;
-        -webkit-line-clamp: 7;
-        -webkit-box-orient: vertical;
-        p {
-            text-align: left;
+        .description-text-wrapper {
+            overflow: hidden;
+            height: 10em;
+            margin-top: 0.5em;
+            display: -webkit-box;
+            margin-bottom: 1em;
+            -webkit-line-clamp: 7;
+            -webkit-box-orient: vertical;
+            p {
+                text-align: left;
+            }
         }
-    }
 
-    footer {
-        width: 242px;
-        text-align: right;
-        color: $white;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+        footer {
+            width: 242px;
+            text-align: right;
+            color: $white;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
 
-        img {
-            vertical-align: text-bottom;
+            img {
+                vertical-align: text-bottom;
+            }
         }
     }
-}
 
-a[href].description {
-    transition: unset;
-}
+    a[href].description {
+        transition: unset;
+    }
 
-a.description,
-a.description:link,
-a.description:visited,
-a.description:hover {
-    height: 210px;
-    color: $white;
-    text-decoration: unset;
+    a.description,
+    a.description:link,
+    a.description:visited,
+    a.description:hover {
+        height: 210px;
+        color: $white;
+        text-decoration: unset;
+    }
 }
-
 /*
 cw tiles end
 */