Refine the height of the package list table row

Signed-off-by: Thomas Druez <[email protected]>

Author: tdruez

scanpipe/templates/scanpipe/base.html

@@ -53,7 +53,7 @@
       button.as-link {height: auto; line-height: initial; font-size: inherit;}
       .file.is-boxed.has-name .file-cta {border-width: medium; border-style: dashed;}
       progress.file-upload::before {content: 'Files upload: 'attr(value)'%'; position: absolute; top: -14%; left: 43%; color: black; font-weight: 400;}
-      .is-clipped-list ul {--snippet-spacing: 0.95rem; height: calc(8 * var(--snippet-spacing)); overflow: hidden;}
+      .is-clipped-list ul {--snippet-spacing: 0.95rem; max-height: calc(8 * var(--snippet-spacing)); overflow: hidden;}
       .tab-content {display: none;}
       .tab-content.is-active {display: revert !important;}
       .breadcrumb a {padding: 0 0.25em;}

scanpipe/templates/scanpipe/package_list.html

@@ -40,15 +40,17 @@
                 {{ package.primary_language }}
               </td>
               <td class="is-clipped-list">
-                <ul>
-                  {% for resource in package.resources %}
-                    <li>
-                      <a href="{{ resource.get_absolute_url }}" title="{{ resource.path }}">{{ resource.name }}</a>
-                    </li>
-                  {% endfor %}
-                </ul>
-                {% if package.resources|length > 5 %}
-                  <button class="button is-small is-fullwidth show-clipped">Show {{ package.resources|length }} resources</button>
+                {% if package.resources %}
+                  <ul>
+                    {% for resource in package.resources %}
+                      <li>
+                        <a href="{{ resource.get_absolute_url }}" title="{{ resource.path }}">{{ resource.name }}</a>
+                      </li>
+                    {% endfor %}
+                  </ul>
+                  {% if package.resources|length > 5 %}
+                    <button class="button is-small is-fullwidth show-clipped">Show {{ package.resources|length }} resources</button>
+                  {% endif %}
                 {% endif %}
               </td>
             </tr>