File tree Expand file tree Collapse file tree 5 files changed +196
-170
lines changed Expand file tree Collapse file tree 5 files changed +196
-170
lines changed Original file line number Diff line number Diff line change @@ -160,7 +160,7 @@ export class FileItem extends React.PureComponent<IFileItemProps> {
160
160
const status = this . _getFileChangedLabel ( status_code as any ) ;
161
161
162
162
return (
163
- < li
163
+ < div
164
164
className = { this . _getFileClass ( ) }
165
165
onClick = {
166
166
this . props . selectFile &&
@@ -191,7 +191,7 @@ export class FileItem extends React.PureComponent<IFileItemProps> {
191
191
< span className = { this . _getFileChangedLabelClass ( this . props . file . y ) } >
192
192
{ this . props . file . y === '?' ? 'U' : status_code }
193
193
</ span >
194
- </ li >
194
+ </ div >
195
195
) ;
196
196
}
197
197
}
Original file line number Diff line number Diff line change 1
1
import { DocumentRegistry } from '@jupyterlab/docregistry' ;
2
2
import { fileIcon } from '@jupyterlab/ui-components' ;
3
3
import * as React from 'react' ;
4
- import { fileLabelStyle , folderLabelStyle } from '../style/FilePathStyle' ;
4
+ import {
5
+ fileIconStyle ,
6
+ fileLabelStyle ,
7
+ folderLabelStyle
8
+ } from '../style/FilePathStyle' ;
5
9
import { extractFilename } from '../utils' ;
6
10
7
11
/**
@@ -30,7 +34,11 @@ export const FilePath: React.FunctionComponent<IFilePathProps> = (
30
34
31
35
return (
32
36
< React . Fragment >
33
- < icon . react elementPosition = "center" tag = "span" />
37
+ < icon . react
38
+ className = { fileIconStyle }
39
+ elementPosition = "center"
40
+ tag = "span"
41
+ />
34
42
< span className = { fileLabelStyle } >
35
43
{ filename }
36
44
< span className = { folderLabelStyle } > { folder } </ span >
Original file line number Diff line number Diff line change @@ -85,7 +85,6 @@ export const GitStage: React.FunctionComponent<IGitStageProps> = (
85
85
Math . min ( props . height - HEADER_HEIGHT , nFiles * ITEM_HEIGHT ) ,
86
86
ITEM_HEIGHT
87
87
) }
88
- innerElementType = "ul"
89
88
itemCount = { nFiles }
90
89
itemData = { props . files }
91
90
itemKey = { ( index , data ) => data [ index ] . to }
Original file line number Diff line number Diff line change @@ -38,6 +38,7 @@ export const commitDetailHeaderClass = style({
38
38
export const commitDetailFileClass = style ( {
39
39
display : 'flex' ,
40
40
flexDirection : 'row' ,
41
+ alignItems : 'center' ,
41
42
color : 'var(--jp-ui-font-color1)' ,
42
43
height : 'var(--jp-private-running-item-height)' ,
43
44
lineHeight : 'var(--jp-private-running-item-height)' ,
You can’t perform that action at this time.
0 commit comments