@jupyterlab/git
Version:
A JupyterLab extension for version control using git
58 lines (57 loc) • 1.59 kB
JavaScript
import { style } from 'typestyle';
import { hiddenButtonStyle, showButtonOnHover } from './ActionButtonStyle';
export const sectionAreaStyle = style({
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
padding: '4px',
fontWeight: 600,
borderBottom: 'var(--jp-border-width) solid var(--jp-border-color2)',
letterSpacing: '1px',
fontSize: '12px',
overflowY: 'hidden',
height: '16px',
$nest: {
'&:hover': {
backgroundColor: 'var(--jp-layout-color2)'
}
}
}, showButtonOnHover);
export const sectionFileContainerStyle = style((() => {
const styled = {
margin: '0',
padding: '0',
overflow: 'auto',
$nest: {}
};
const focus = `&:focus-within .${sectionAreaStyle} .${hiddenButtonStyle}`;
styled.$nest[focus] = {
display: 'block'
};
const hoverSelector = `&:hover .${sectionAreaStyle} .${hiddenButtonStyle}`;
styled.$nest[hoverSelector] = {
display: 'block'
};
return styled;
})());
export const sectionHeaderLabelStyle = style({
fontSize: 'var(--jp-ui-font-size1)',
flex: '1 1 auto',
textOverflow: 'ellipsis',
overflow: 'hidden',
whiteSpace: 'nowrap'
});
export const sectionHeaderSizeStyle = style({
fontSize: 'var(--jp-ui-font-size1)',
flex: '0 0 auto',
whiteSpace: 'nowrap',
borderRadius: '2px'
});
export const changeStageButtonStyle = style({
flex: '0 0 auto',
backgroundColor: 'transparent',
height: '13px',
border: 'none',
outline: 'none',
paddingLeft: '0px'
});