Skip to content
Snippets Groups Projects
Commit 4c22c376 authored by Kristin Wiseman's avatar Kristin Wiseman Committed by Chris Wells
Browse files

Issue #3446416 by kwiseman, chrisfromredfin, sime, rkoller, bernardm28: Module...

Issue #3446416 by kwiseman, chrisfromredfin, sime, rkoller, bernardm28: Module categories on Browse tab aren't clickable, don't perform a search
parent 655185b8
No related branches found
No related tags found
1 merge request!530Issue #3446416: Module categories aren't clickable
Pipeline #210103 passed
......@@ -311,24 +311,20 @@
display: inline-block;
width: 100%;
height: 20px;
margin: 0.25em 0 0.25em 0;
margin: 1em 0 0.25em 0;
padding: 0;
}
.pb-project-categories__list--centered {
text-align: center;
.pb-project-categories__list::before {
content: "Categories: ";
font-weight: 600;
}
.pb-project-categories__item {
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
margin-inline-end: 4px;
padding: 2px 9px;
list-style: none;
color: #4f4f4f;
border-radius: 25px;
background-color: #e5e5e5;
font-size: 0.9em;
font-weight: 600;
font-size: 15px;
}
.pb-project-categories__item--extra {
border: 1px solid #bbb;
......
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
<script>
// eslint-disable-next-line import/no-mutable-exports,import/prefer-default-export
export let moduleCategories;
export let toggleView;
const extraCategories = moduleCategories.splice(3);
if (extraCategories.length) {
......@@ -15,16 +14,17 @@
<div class="pb-project-categories" data-label="Categories">
{#if typeof moduleCategories !== 'undefined' && moduleCategories.length}
<ul
class:pb-project-categories__list--centered={toggleView === 'Grid'}
class="pb-project-categories__list"
>
{#each moduleCategories || [] as category}
<ul class="pb-project-categories__list" aria-label="Categories">
{#each moduleCategories || [] as category, index}
<li
class="pb-project-categories__item"
class:pb-project-categories__item--extra={category.id === 'overflow'}
>
{category.name}
{#if index + 1 !== moduleCategories.length}
{category.name},
{:else}
{category.name}
{/if}
</li>
{/each}
</ul>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment