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'
+});