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>

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index d79aee3e9d783763e326f0e2dd9678b839d37dae..ba3bbff369ad51ff009c7d19b1e96d2a1ed7eaff 100644 (file)
--- 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 3b2467b5009339f71888e94a681a7457c468ec21..d3e84b10a4fe4c3acf0e009130fd64dc44a588cf 100644 (file)
--- 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;
         }