File tree 2 files changed +4
-21
lines changed 2 files changed +4
-21
lines changed Original file line number Diff line number Diff line change @@ -3075,27 +3075,22 @@ tbody.commit-list {
3075
3075
}
3076
3076
3077
3077
.commit-status-header {
3078
- /* reset the default ".ui.attached.header" styles, to use the outer border */
3079
- border-top : none !important ;
3080
- border-left : none !important ;
3081
- border-right : none !important ;
3078
+ border : none !important ; /* reset the default ".ui.attached.header" styles, to use the outer border */
3082
3079
margin : 0 !important ;
3083
3080
}
3084
3081
3085
3082
.commit-status-list {
3086
- max-height : 233 px ; /* fit exactly 6 items */
3083
+ max-height : 240 px ; /* fit exactly 6 items, commit-status-item.height * 6 */
3087
3084
overflow-x : hidden;
3088
3085
transition : max-height .2s ;
3089
3086
}
3090
3087
3091
3088
.commit-status-item {
3092
- padding : 9px 10px !important ;
3089
+ height : 40px ;
3090
+ padding : 0 10px ;
3093
3091
display : flex;
3094
3092
gap : 8px ;
3095
3093
align-items : center;
3096
- }
3097
-
3098
- .commit-status-item + .commit-status-item {
3099
3094
border-top : 1px solid var (--color-secondary );
3100
3095
}
3101
3096
Original file line number Diff line number Diff line change @@ -2,21 +2,9 @@ export function initRepoPullRequestCommitStatus() {
2
2
for ( const btn of document . querySelectorAll ( '.commit-status-hide-checks' ) ) {
3
3
const panel = btn . closest ( '.commit-status-panel' ) ;
4
4
const list = panel . querySelector ( '.commit-status-list' ) ;
5
- const header = panel . querySelector ( '.commit-status-header' ) ;
6
- let hasScrollBar = false ;
7
5
btn . addEventListener ( 'click' , ( ) => {
8
- if ( ! hasScrollBar && ! list . style . overflow ) {
9
- hasScrollBar = list . scrollHeight > list . clientHeight ;
10
- }
11
- // hide the flickering scrollbar during transition if there was no scrollbar
12
- list . style . overflow = hasScrollBar ? '' : 'hidden' ;
13
6
list . style . maxHeight = list . style . maxHeight ? '' : '0px' ; // toggle
14
- if ( ! list . style . maxHeight ) header . style . borderBottom = '' ;
15
7
btn . textContent = btn . getAttribute ( list . style . maxHeight ? 'data-show-all' : 'data-hide-all' ) ;
16
8
} ) ;
17
- list . addEventListener ( 'transitionend' , ( ) => {
18
- list . style . overflow = '' ;
19
- header . style . borderBottom = list . style . maxHeight ? 'none' : '' ;
20
- } ) ;
21
9
}
22
10
}
You can’t perform that action at this time.
0 commit comments