Commit b2879b2c authored by Tim Plunkett's avatar Tim Plunkett
Browse files

Issue #3267685 by tim.plunkett, bnjmnm, fjgarlin, omkar-pd: Poor UI when > 3... 

Issue #3267685 by tim.plunkett, bnjmnm, fjgarlin, omkar-pd: Poor UI when > 3 categories for a module
parent a286dc6e

sveltejs/public/build/bundle.css

+0 −0

File changed.

Preview suppressed by a .gitattributes entry or the file's encoding is unsupported.

View original file
View changed file

sveltejs/public/build/bundle.js

+0 −0

File changed.

Preview suppressed by a .gitattributes entry or the file's encoding is unsupported.

View original file
View changed file

sveltejs/public/build/bundle.js.map

+0 −0

File changed.

Preview suppressed by a .gitattributes entry or the file's encoding is unsupported.

View original file
View changed file

sveltejs/src/Project/Categories.svelte

+12 −0
Original line number Diff line number Diff line
@@ -2,6 +2,9 @@ 
  // eslint-disable-next-line import/no-mutable-exports,import/prefer-default-export

  export let fieldModuleCategories;

  export let toggleView;



  const extraCategories = fieldModuleCategories.splice(3);

  const { Drupal } = window;

</script>



<div class="categories" data-label="Categories">
@@ -10,6 +13,11 @@ 
      {#each fieldModuleCategories || [] as category}

        <li class="category">{category.name}</li>

      {/each}

      {#if extraCategories.length}

        <li class="category category-extra">

          {Drupal.t('+ @count more', { '@count': extraCategories.length })}

        </li>

      {/if}

    </ul>

  {/if}

</div>
@@ -39,6 +47,10 @@ 
    font-weight: 600;

    color: #4f4f4f;

  }

  .categories .category-extra {

    background-color: transparent;

    border: 1px solid #bbb;

  }

  .grid {

    text-align: center;

  }

tests/fixtures/projects_fixture.json

+15 −0
Original line number Diff line number Diff line
@@ -828,10 +828,25 @@ 
        "8.x-2.x": 800

      },

      "taxonomy_vocabulary_3": [

        {

          "uri": "https://www.drupal.org/api-d7/taxonomy_term/52",

          "id": "52",

          "resource": "taxonomy_term"

        },

        {

          "uri": "https://www.drupal.org/api-d7/taxonomy_term/67",

          "id": "67",

          "resource": "taxonomy_term"

        },

        {

          "uri": "https://www.drupal.org/api-d7/taxonomy_term/74",

          "id": "74",

          "resource": "taxonomy_term"

        },

        {

          "uri": "https://www.drupal.org/api-d7/taxonomy_term/122",

          "id": "122",

          "resource": "taxonomy_term"

        }

      ],

      "taxonomy_vocabulary_44": {