From 6cf71ee0e8178a2775d2d1041912ca45372805fb Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Sat, 4 Apr 2020 23:29:15 +0200
Subject: [PATCH] Fix scrollbar issues in dropdowns (#10897)

* Fix scrollbar issues in dropdowns

Fixes: https://github.com/go-gitea/gitea/pull/10835

* remove wrapping

* grammar

Co-authored-by: guillep2k <18600385+guillep2k@users.noreply.github.com>
---
 web_src/less/_base.less       |  8 ++++++++
 web_src/less/_repository.less | 14 +++++---------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index d79aee3e9d7..ba3bbff369a 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1220,3 +1220,11 @@ i.icon.centerlock {
 .ui.attached.segment + .ui.attached.header {
     margin-top: 1rem;
 }
+
+/* limit width of all direct dropdown menu children */
+/* https://github.com/go-gitea/gitea/pull/10835 */
+.dropdown > .menu > * {
+    max-width: 300px;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+}
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 3b2467b5009..d3e84b10a4f 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -155,15 +155,17 @@
         &.labels {
             .label-filter .menu .info {
                 display: inline-block;
-                padding: 9px 7px 7px 7px;
-                text-align: center;
+                padding: .5rem .25rem;
                 border-bottom: 1px solid #cccccc;
                 font-size: 12px;
+                width: 100%;
+                white-space: nowrap;
+                text-align: center;
 
                 code {
                     border: 1px solid #cccccc;
                     border-radius: 3px;
-                    padding: 3px 2px 1px 2px;
+                    padding: 1px 2px;
                     font-size: 11px;
                 }
             }
@@ -187,12 +189,6 @@
     }
 
     .select-label {
-        .item {
-            max-width: 250px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-
         .desc {
             padding-left: 16px;
         }