Commit b526200b authored by Srishti Bankar's avatar Srishti Bankar Committed by Ben Mullins
Browse files

Issue #3282700 by srishtiiee, narendraR, hooroomoo, fjgarlin: Categories... 

Issue #3282700 by srishtiiee, narendraR, hooroomoo, fjgarlin: Categories checkboxes are not logically grouped together
parent a9340549

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/Filter.svelte

+32 −19
Original line number Diff line number Diff line
@@ -68,20 +68,25 @@ 
      <summary hidden={matches}>

        <h2>{Drupal.t('Categories')}</h2>

      </summary>

      <h2 hidden={!matches}>{Drupal.t('Categories')}</h2>

      <fieldset>

        <legend class:visually-hidden={!matches}

          ><span class="visually-hidden">{Drupal.t('Filter by module ')}</span

          >{Drupal.t('Categories')}</legend

        >

        {#await apiModuleCategory then categoryList}

          {#each categoryList as dt}

            <label class="checkbox-label">

              <input

                type="checkbox"

                id={dt.id}

                bind:group={$moduleCategoryFilter}

                on:change={onSelectCategory}

                value={dt.id}

          />

          <label class="checkbox-label" for={dt.id}> {dt.name}</label>

          <br />

              />{dt.name}</label

            >

          {/each}

        {/await}

      </fieldset>

    </details>

  </form>

</MediaQuery>
@@ -103,10 +108,18 @@ 
    padding: 0 0.5rem;

  }

  .checkbox-label {

    padding-left: 10px;

    text-indent: 10px;

    margin-top: -24px;

    margin-bottom: -10px;

    font-weight: normal;

    display: block;

  }

  input {

    margin-right: 10px;

  }

  fieldset {

    border: none;

  }

  legend {

    margin: 1rem 0 0.75rem;

    font-size: 1.802rem;

    font-weight: bold;

    line-height: 1.3;

  }

</style>