@jupyterlab/git
Version:
A JupyterLab extension for version control using git
90 lines (89 loc) • 2.03 kB
JavaScript
import { style } from 'typestyle';
export const commitClass = style({
flex: '0 0 auto',
width: '100%',
fontSize: '12px',
marginBottom: '10px',
marginTop: '5px',
paddingTop: '5px'
});
export const commitOverviewNumbersClass = style({
fontSize: '13px',
fontWeight: 'bold',
paddingTop: '5px',
$nest: {
'& span': {
alignItems: 'center',
display: 'inline-flex',
marginLeft: '5px'
},
'& span:nth-of-type(1)': {
marginLeft: '0px'
}
}
});
export const commitDetailClass = style({
flex: '1 1 auto',
margin: '0'
});
export const commitDetailHeaderClass = style({
paddingBottom: '0.5em',
fontSize: '13px',
fontWeight: 'bold'
});
export const commitDetailFileClass = style({
userSelect: 'none',
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
color: 'var(--jp-ui-font-color1)',
height: 'var(--jp-private-running-item-height)',
lineHeight: 'var(--jp-private-running-item-height)',
whiteSpace: 'nowrap',
overflow: 'hidden',
$nest: {
'&:hover': {
backgroundColor: 'var(--jp-layout-color2)'
},
'&:active': {
backgroundColor: 'var(--jp-layout-color3)'
}
}
});
export const iconClass = style({
display: 'inline-block',
width: '13px',
height: '13px',
right: '10px'
});
export const insertionsIconClass = style({
$nest: {
'.jp-icon3': {
fill: 'var(--md-green-500)'
}
}
});
export const deletionsIconClass = style({
$nest: {
'.jp-icon3': {
fill: 'var(--md-red-500)'
}
}
});
export const fileListClass = style({
$nest: {
ul: {
paddingLeft: 0,
margin: 0
}
}
});
export const actionButtonClass = style({
float: 'right'
});
export const commitBodyClass = style({
paddingTop: '5px',
whiteSpace: 'pre-wrap',
wordWrap: 'break-word',
margin: '0'
});