@jupyterlab/git
Version:
A JupyterLab extension for version control using git
74 lines (73 loc) • 1.98 kB
JavaScript
import { style } from 'typestyle';
export const commitWrapperClass = style({
flexGrow: 0,
display: 'flex',
flexShrink: 0,
flexDirection: 'column',
padding: '5px 0px 5px 10px',
borderBottom: 'var(--jp-border-width) solid var(--jp-border-color2)'
});
export const commitHeaderClass = style({
display: 'flex',
color: 'var(--jp-ui-font-color2)',
paddingBottom: '5px'
});
export const commitHeaderItemClass = style({
width: '30%',
paddingLeft: '0.5em',
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
textAlign: 'left',
$nest: {
'&:first-child': {
paddingLeft: 0
}
}
});
export const branchWrapperClass = style({
display: 'flex',
fontSize: '0.8em',
marginLeft: '-5px'
});
export const branchClass = style({
padding: '2px',
// Special case, regardless of theme, because
// backgrounds of colors are not based on theme either
color: 'var(--md-grey-900)',
border: 'var(--jp-border-width) solid var(--md-grey-700)',
borderRadius: '4px',
margin: '3px'
});
export const remoteBranchClass = style({
backgroundColor: 'var(--md-blue-100)'
});
export const localBranchClass = style({
backgroundColor: 'var(--md-orange-100)'
});
export const workingBranchClass = style({
backgroundColor: 'var(--md-red-100)'
});
export const commitExpandedClass = style({
backgroundColor: 'var(--jp-layout-color1)'
});
export const commitBodyClass = style({
flex: 'auto'
});
export const iconButtonClass = style({
// width: '16px',
// height: '16px'
});
export const singleFileCommitClass = style({
$nest: {
'&:hover': {
backgroundColor: 'var(--jp-layout-color2)'
}
}
});
export const referenceCommitNodeClass = style({
borderLeft: '6px solid var(--jp-git-diff-deleted-color1)'
});
export const challengerCommitNodeClass = style({
borderLeft: '6px solid var(--jp-git-diff-added-color1)'
});