From 2ea2596a625bf27cbbaa13ed0135eba82bacb34c Mon Sep 17 00:00:00 2001
From: Leon Sandøy <leon.haland@gmail.com>
Date: Sun, 13 Feb 2022 16:08:50 +0100
Subject: Edge case: Fix extremely long search overflow.

---
 pydis_site/static/css/resources/resources.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'pydis_site/static/css')

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 */
-- 
cgit v1.2.3