diff options
| author |  Leon Sandøy <[email protected]> | 2022-02-13 16:08:50 +0100 |
|---|---|---|
| committer | Leon Sandøy <[email protected]> | 2022-02-13 16:08:50 +0100 |
| commit | 2ea2596a625bf27cbbaa13ed0135eba82bacb34c (patch) | |
| tree | 76cd14cedc23abb2da78394cc725cd7ce18d3e9d /pydis_site/static | |
| parent | Fix search tag width bug on firefox. (diff) | |
Edge case: Fix extremely long search overflow.
Diffstat (limited to 'pydis_site/static')
| -rw-r--r-- | pydis_site/static/css/resources/resources.css | 18 |
1 files changed, 18 insertions, 0 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 */ |