diff options
| -rw-r--r-- | pydis_site/static/css/resources/resources.css | 18 | ||||
| -rw-r--r-- | pydis_site/templates/resources/resources.html | 2 |
2 files changed, 19 insertions, 1 deletions
diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css index e33ffa22..36fa51dc 100644 --- a/pydis_site/static/css/resources/resources.css +++ b/pydis_site/static/css/resources/resources.css @@ -98,10 +98,25 @@ display: block; min-width: fit-content; } .tag.search-query .inner { + display: inline-block; padding: 0; + max-width: 17.5rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 2em; } .tag.search-query i { margin: 0 !important; + display: inline-block; + line-height: 2em; + float: left; + padding-right: 1em; +} + +/* Don't allow the tag pool to exceed its parent containers width. */ +#tag-pool { + max-width: 100%; } /* Disable clicking on the checkbox itself. */ @@ -264,6 +279,9 @@ span.resource-tag.active.has-background-info-light { padding-top: 4px; padding-bottom: 4px; } + .tag.search-query .inner { + max-width: 16.2rem; + } } /* Constrain the width of the filterbox */ diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html index 19750612..201caf85 100644 --- a/pydis_site/templates/resources/resources.html +++ b/pydis_site/templates/resources/resources.html @@ -42,7 +42,7 @@ {# Filter box tags #} <div class="card filter-tags"> <div class="is-flex ml-auto"> - <div> + <div id="tag-pool"> {# A filter tag for when there are no filters active #} <span class="tag no-tags-selected is-secondary ml-2 mt-2"> <i class="fas fa-fw fa-ban mr-1"></i> |