Dropdown triangle fixes (#14028)

* Dropdown triangle fixes

Fomantic's CSS assumes the dropdown triangles are fonts but we've recently
swapped them for SVG so we need to wrestle a bit with Fomantic to get it
to display properly and not cause buttons to resize.

Fixes: https://github.com/go-gitea/gitea/issues/14014

* move css and add link
This commit is contained in:
silverwind 2020-12-17 15:37:56 +01:00 committed by GitHub
parent 511f6138d4
commit a8fa380c25
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 6 deletions

View File

@ -1734,6 +1734,26 @@ table th[data-sortt-desc] {
} }
} }
/* fix up SVG dropdown triangles because fomantic thinks they are icon fonts */
/* see https://github.com/go-gitea/gitea/issues/14014 */
.ui.dropdown > .dropdown.icon,
.btn-review > .dropdown.icon {
height: auto !important;
margin-left: .5rem !important;
margin-top: -1px !important;
margin-bottom: -1px !important;
margin-right: -.5rem !important;
}
.ui.button.dropdown > .dropdown.icon,
.btn-review > .dropdown.icon {
float: right !important;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
top: 0 !important;
}
/* limit width of all direct dropdown menu children */ /* limit width of all direct dropdown menu children */
/* https://github.com/go-gitea/gitea/pull/10835 */ /* https://github.com/go-gitea/gitea/pull/10835 */
.dropdown:not(.selection) > .menu:not(.review-box) > *:not(.header) { .dropdown:not(.selection) > .menu:not(.review-box) > *:not(.header) {

View File

@ -142,12 +142,6 @@ a.blob-excerpt:hover {
color: #fff; color: #fff;
} }
.btn-review > .dropdown.icon {
float: right;
height: 12px !important;
margin-left: .5rem;
}
@media @mediaSm { @media @mediaSm {
#review-box > .menu { #review-box > .menu {
> .ui.segment { > .ui.segment {