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>
This commit is contained in:
silverwind 2020-04-04 23:29:15 +02:00 committed by GitHub
parent a0cc4b3d08
commit 6cf71ee0e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 9 deletions

View file

@ -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;
}

View file

@ -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;
}