diff --git a/components/com_tags/tmpl/tags/default.xml b/components/com_tags/tmpl/tags/default.xml index 8de92b785587d..bf905d4f244ef 100644 --- a/components/com_tags/tmpl/tags/default.xml +++ b/components/com_tags/tmpl/tags/default.xml @@ -162,14 +162,6 @@ name="selection" label="COM_TAGS_LIST_ALL_SELECTION_OPTIONS"> - - JHIDE + +
-
- params->get('filter_field') || $this->params->get('show_pagination_limit')) : ?> - params->get('filter_field')) : ?> -
- - - - -
- - params->get('show_pagination_limit')) : ?> -
- - pagination->getLimitBox(); ?> -
- - + params->get('filter_field') || $this->params->get('show_pagination_limit')) : ?> + +
+ params->get('filter_field')) : ?> +
+ + + + +
+ + params->get('show_pagination_limit')) : ?> +
+ + pagination->getLimitBox(); ?> +
+ +
- -
+ + items || $n === 0) : ?>
@@ -86,18 +87,15 @@ class="inputbox"
+
+
    items as $i => $item) : ?> - - - - +
+
items)) : ?> diff --git a/media_source/templates/site/cassiopeia/scss/blocks/_tags.scss b/media_source/templates/site/cassiopeia/scss/blocks/_tags.scss index 7d6da53271af1..b99422f007500 100644 --- a/media_source/templates/site/cassiopeia/scss/blocks/_tags.scss +++ b/media_source/templates/site/cassiopeia/scss/blocks/_tags.scss @@ -13,3 +13,22 @@ display: inline-block; padding: .5rem .5rem .5rem 0; } + +// Multi column tags list; column count comes from --tags-columns ($bscolumns) +.com-tags__list { + display: grid; + grid-template-columns: repeat(var(--tags-columns, 1), minmax(0, 1fr)); + gap: 0 1rem; + + > .list-group-item { + margin: .125rem 0; + border: var(--list-group-border-width) solid var(--list-group-border-color); + border-radius: var(--list-group-border-radius); + } +} + +@media (max-width: 575.98px) { + .com-tags__list { + grid-template-columns: 1fr; + } +}