Added ellipsis to proposal description

Victor Costa
1 parent 1fad9fe4
Showing 3 changed files with 12 additions and 3 deletions Show diff stats
index.html
js/main.js
sass/_proposal_categories.scss
@@ -6,6 +6,7 @@
     <script src='js/jquery-2.1.3.min.js'></script>
     <script src='js/handlebars-v3.0.1.js'></script>
     <script src='js/handlebars-helpers.js'></script>
+    <script src='js/jquery.dotdotdot.min.js'></script>
 <!--
     <script src='js/layout.js'></script>
 -->
@@ -41,7 +42,7 @@
                 <div class="name">{{name}}</div>
                 <div class="description"></div>
               </div>
-              <ul>
+              <ul class="proposal-list">
                 {{#list_proposal ../article.children category=slug}}
                   {{#link title id}}{{/link}}
                 {{/list_proposal}}
@@ -69,6 +69,7 @@ $.getJSON(noosferoAPI)
         //Display Topics or Discussion by category
         $('.proposal-category-items').hide();
         $('#' + item).show();
+        $(".proposal-item").dotdotdot();
       }
       event.preventDefault();
     });
 @import "utilities/variables";
-#proposal-categories{
+#proposal-categories {
   background: #fff;
   clear: both;
   margin: 0;
@@ -77,7 +77,7 @@
   .proposal-category-items .proposal-item {
     width: 290px;
-    min-height: 134px;
+    height: 134px;
     margin: 10px;
     background: #fff;
     border-radius: 5px;
@@ -85,6 +85,13 @@
     vertical-align: top;
   }
+  .proposal-category-items {
+    text-align: left;
+    .proposal-list {
+      padding-left: 20px;
+    }
+  }
+
   #proposal-categories-container {
     display: inline;
     width: auto;