Resolve "Visuelle Anpassungen an den Blubber-Komponenten"

Closes #4382

Merge request studip/studip!3209

resources/assets/stylesheets/mixins/studip.scss

@@ -158,7 +158,6 @@
 
     }
 
-    padding-top: 100px;
     background-image: url(icon-path($icon));
     background-repeat: no-repeat;
     background-size: 140px;
@@ -169,7 +168,7 @@
     }
 
     text-align: center;
-    height: 40vh;
+    height: 100%;
     color: $content-color;
     font-size: 1.6em;
     position: relative;

resources/assets/stylesheets/scss/blubber.scss

@@ -50,7 +50,8 @@
     }
 
     .scrollable_area {
-        max-height: calc(100vh - 240px);
+        max-height: calc(100vh - 189px);
+        height: 100%;
         overflow: auto;
     }
 
@@ -167,7 +168,7 @@
 
         > :first-child {
             position: relative;
-            top: 30vh;
+            top: 70%;
         }
     }
 }

resources/vue/components/blubber/Thread.vue

@@ -13,12 +13,11 @@
             :followed="threadFollowed"
             @subscribe-thread="onSubscribeThread"
         />
-        <div class="scrollable_area" :class="{ scrolled }" ref="scrollable">
+        <div v-if="emptyBlubber" class="empty_blubber_background">
+            <div>{{ $gettext('Starte die Konversation jetzt!') }}</div>
+        </div>
+        <div v-else class="scrollable_area" :class="{ scrolled }" ref="scrollable">
             <div class="all_content">
-                <div v-if="emptyBlubber" class="empty_blubber_background">
-                    <div>{{ $gettext('Starte die Konversation jetzt!') }}</div>
-                </div>
-
                 <ol class="comments" aria-live="polite">
                     <li class="more" v-if="moreCommentsUp">
                         <studip-asset-img file="loading-indicator.svg" width="20"></studip-asset-img>