Fix "Filter by commit" Dropdown (#31695) (#31696)

A separate backport of #31695 for 1.22
Fix #31673
This commit is contained in:
wxiaoguang 2024-07-25 09:44:34 +08:00 committed by GitHub
parent 60267859fc
commit 0fb1c1fbfd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -202,7 +202,7 @@ export default {
> >
<svg-icon name="octicon-git-commit"/> <svg-icon name="octicon-git-commit"/>
</button> </button>
<div class="left menu" id="diff-commit-selector-menu" :class="{visible: menuVisible}" v-show="menuVisible" v-cloak :aria-expanded="menuVisible ? 'true': 'false'"> <div class="left menu transition" id="diff-commit-selector-menu" :class="{visible: menuVisible}" v-show="menuVisible" v-cloak :aria-expanded="menuVisible ? 'true': 'false'">
<div class="loading-indicator is-loading" v-if="isLoading"/> <div class="loading-indicator is-loading" v-if="isLoading"/>
<div v-if="!isLoading" class="vertical item" id="diff-commit-list-show-all" role="menuitem" @keydown.enter="showAllChanges()" @click="showAllChanges()"> <div v-if="!isLoading" class="vertical item" id="diff-commit-list-show-all" role="menuitem" @keydown.enter="showAllChanges()" @click="showAllChanges()">
<div class="gt-ellipsis"> <div class="gt-ellipsis">
@ -276,6 +276,7 @@ export default {
} }
#diff-commit-selector-menu { #diff-commit-selector-menu {
margin-top: 0.25em;
overflow-x: hidden; overflow-x: hidden;
max-height: 450px; max-height: 450px;
} }
@ -291,10 +292,12 @@ export default {
flex-direction: row; flex-direction: row;
line-height: 1.4; line-height: 1.4;
padding: 7px 14px !important; padding: 7px 14px !important;
border-top: 1px solid var(--color-secondary) !important;
gap: 0.25em; gap: 0.25em;
} }
#diff-commit-selector-menu .item:not(:first-child),
#diff-commit-selector-menu .info:not(:first-child) {
border-top: 1px solid var(--color-secondary) !important;
}
#diff-commit-selector-menu .item:focus { #diff-commit-selector-menu .item:focus {
color: var(--color-text); color: var(--color-text);
background: var(--color-hover); background: var(--color-hover);