Merge pull request #952 from Retrospring/bugfix/question-header-collapse

Fix alignment of collapsibles in question headers

app/assets/stylesheets/components/_answerbox.scss

@@ -16,7 +16,7 @@
     overflow: visible;
   }
 
-  &__question-body,
+  .card-header,
   &__answer-body {
     position: relative;
   }

app/assets/stylesheets/components/_collapse.scss

@@ -1,23 +1,22 @@
 @use "sass:map";
 
 .collapsed {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
   overflow: hidden;
+  text-overflow: ellipsis;
 
   &.answerbox__answer-text {
-    -webkit-line-clamp: 12;
+    max-height: 18rem;
 
     @include media-breakpoint-up('sm') {
-      -webkit-line-clamp: 7;
+      max-height: 10.5rem;
     }
   }
 
   &.answerbox__question-text {
-    -webkit-line-clamp: 10;
+    max-height: 15rem;
 
     @include media-breakpoint-up('sm') {
-      -webkit-line-clamp: 5;
+      max-height: 7.5rem;
     }
   }
 }
@@ -48,6 +47,7 @@
   .collapsed ~ & {
     position: absolute;
     bottom: 0;
+    left: 0;
 
     &:before {
       content: "";

app/assets/stylesheets/components/_inbox-entry.scss

@@ -30,4 +30,8 @@
   &:hover .format-help {
     opacity: 1;
   }
+  
+  .card-header {
+    position: relative;
+  }
 }