Fix scrollbar issues in dropdowns (#10897)

* Fix scrollbar issues in dropdowns Fixes: #10835 * remove wrapping * grammar Co-authored-by: guillep2k <[email protected]>
go-gitea · Apr 4, 2020 · 6cf71ee · 6cf71ee
1 parent a0cc4b3
commit 6cf71ee
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git 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
@@ -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;
  }