Merge pull request #10917 from saraycp/collapsible_involvement_descri…

…ption Make involved projects/packages description collapsible
openSUSE · Mar 18, 2021 · d067ad8 · d067ad8
2 parents e9e728a + 5a638b5
commit d067ad8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/api/app/assets/stylesheets/webui/collapsible-text.scss b/src/api/app/assets/stylesheets/webui/collapsible-text.scss
@@ -1,8 +1,8 @@
-@mixin collapsible($maxHeight: 4.5em) {
+@mixin collapsible($maxHeight: 4.5em, $maxWidth: $seventy-five-chars) {
   .obs-collapsible-textbox {
     padding-right: 1em;
     @extend .text-break;
-    max-width: $seventy-five-chars;
+    max-width: $maxWidth;
 
     .obs-collapsible-text {
       overflow: hidden;
@@ -39,3 +39,8 @@
 #request-history .card-body {
   @include collapsible($maxHeight: 4.5em);
 }
+
+#involvement-description {
+  @include collapsible($maxHeight: 2.75em, $maxWidth: 'none');
+  .obs-collapsible-textbox {  @extend .pr-0; }
+}
diff --git a/src/api/app/views/webui/user/user_profile_redesign/_involvement.html.haml b/src/api/app/views/webui/user/user_profile_redesign/_involvement.html.haml
@@ -74,8 +74,7 @@
                     %span.badge.badge-info= role.title.capitalize
             .row.mt-1
               .col
-                -# TODO: Deal with multiline, or long descriptions
-                %p.mb-0= involved_item.description
+                #involvement-description= render partial: 'webui/shared/collapsible_text', locals: { text: involved_item.description }
 
       = paginate involved_items, window: 2, views_prefix: 'webui'
 - content_for :ready_function do