From f75c2a6a41c2a8f263a006c0c9af1023e96a159d Mon Sep 17 00:00:00 2001
From: telamonian <mklein@jhu.edu>
Date: Fri, 14 Feb 2020 17:20:28 -0500
Subject: [PATCH] split out enabled style for branch select button

---
 src/components/Toolbar.tsx | 7 ++++++-
 src/style/Toolbar.ts       | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
index 2a9d1a90d..cf761d892 100644
--- a/src/components/Toolbar.tsx
+++ b/src/components/Toolbar.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import { classes } from 'typestyle';
 import { Dialog, showDialog } from '@jupyterlab/apputils';
 import { PathExt } from '@jupyterlab/coreutils';
+
 import {
   // NOTE: keep in alphabetical order
   branchIconClass,
@@ -14,6 +15,7 @@ import {
   toolbarButtonClass,
   toolbarClass,
   toolbarMenuButtonClass,
+  toolbarMenuButtonEnabledClass,
   toolbarMenuButtonIconClass,
   toolbarMenuButtonSubtitleClass,
   toolbarMenuButtonTitleClass,
@@ -248,7 +250,10 @@ export class Toolbar extends React.Component<IToolbarProps, IToolbarState> {
     return (
       <div className={toolbarMenuWrapperClass}>
         <button
-          className={toolbarMenuButtonClass}
+          className={classes(
+            toolbarMenuButtonClass,
+            toolbarMenuButtonEnabledClass
+          )}
           title={`Change the current branch: ${this.state.branch}`}
           onClick={this._onBranchClick}
         >
diff --git a/src/style/Toolbar.ts b/src/style/Toolbar.ts
index 840c1b6da..60bc46357 100644
--- a/src/style/Toolbar.ts
+++ b/src/style/Toolbar.ts
@@ -50,8 +50,10 @@ export const toolbarMenuButtonClass = style({
   border: 'none',
   borderRadius: 0,
 
-  background: 'var(--jp-layout-color1)',
+  background: 'var(--jp-layout-color1)'
+});
 
+export const toolbarMenuButtonEnabledClass = style({
   $nest: {
     '&:hover': {
       backgroundColor: 'var(--jp-layout-color2)'