diff --git a/src/components/SubModuleMenu.tsx b/src/components/SubModuleMenu.tsx index 5c8277b8..a2fde0fa 100644 --- a/src/components/SubModuleMenu.tsx +++ b/src/components/SubModuleMenu.tsx @@ -8,6 +8,7 @@ import { nameClass, wrapperClass } from '../style/BranchMenu'; +import { subModuleHeaderStyle } from '../style/SubModuleMenuStyle'; import { desktopIcon } from '../style/icons'; import { Git, IGitExtension } from '../tokens'; @@ -75,24 +76,27 @@ export class SubModuleMenu extends React.Component< const subModules = this.props.subModules; return ( - data[index].name} - itemSize={ITEM_HEIGHT} - style={{ - overflowX: 'hidden', - paddingTop: 0, - paddingBottom: 0 - }} - width={'auto'} - > - {this._renderItem} - + <> +
SubModules
+ data[index].name} + itemSize={ITEM_HEIGHT} + style={{ + overflowX: 'hidden', + paddingTop: 0, + paddingBottom: 0 + }} + width={'auto'} + > + {this._renderItem} + + ); } diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx index b38d60a7..36f40e12 100644 --- a/src/components/Toolbar.tsx +++ b/src/components/Toolbar.tsx @@ -100,7 +100,6 @@ export interface IToolbarProps { /** * Current list of submodules */ - subModules: Git.ISubModule[]; } diff --git a/src/style/SubModuleMenuStyle.ts b/src/style/SubModuleMenuStyle.ts new file mode 100644 index 00000000..9a407905 --- /dev/null +++ b/src/style/SubModuleMenuStyle.ts @@ -0,0 +1,12 @@ +import { style } from 'typestyle'; + +export const subModuleHeaderStyle = style({ + padding: '4px 4px 1px', + margin: '0 6px', + fontWeight: 600, + letterSpacing: '1px', + fontSize: '12px', + overflowY: 'hidden', + borderBottom: '3px solid var(--jp-brand-color1)', + height: '16px' +});