From d5ba3b7fd8ece9560dd862cc4f4f1b58a2fd2e99 Mon Sep 17 00:00:00 2001 From: flashwave Date: Mon, 15 Oct 2018 16:04:01 +0200 Subject: [PATCH] Fixed overflow issues on forum category listing. --- assets/less/classes/forum/categories.less | 1 + assets/less/classes/forum/category.less | 11 +++++++++++ 2 files changed, 12 insertions(+) diff --git a/assets/less/classes/forum/categories.less b/assets/less/classes/forum/categories.less index c4cc0e15..2e3b6745 100644 --- a/assets/less/classes/forum/categories.less +++ b/assets/less/classes/forum/categories.less @@ -14,5 +14,6 @@ display: flex; flex-direction: column; margin: 5px; + overflow: hidden; } } diff --git a/assets/less/classes/forum/category.less b/assets/less/classes/forum/category.less index 1a88bea9..9b1fc971 100644 --- a/assets/less/classes/forum/category.less +++ b/assets/less/classes/forum/category.less @@ -170,6 +170,10 @@ color: var(--accent-colour); text-decoration: none; pointer-events: initial; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 200px; &:hover { text-decoration: underline; @@ -178,6 +182,13 @@ @media (max-width: @site-mobile-width) { flex: 1 1 auto; text-align: left; + max-width: 120px; + } + } + + &__info { + @media (max-width: @site-mobile-width) { + width: 100%; } } }