Use our icon for cell type dropdown.

jupyterlab · Jun 21, 2019 · 608c33b · 608c33b
1 parent 8662ad2
commit 608c33b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/packages/notebook/src/default-toolbar.tsx b/packages/notebook/src/default-toolbar.tsx
@@ -286,6 +286,9 @@ export class CellTypeSwitcher extends ReactWidget {
         onChange={this.handleChange}
         onKeyDown={this.handleKeyDown}
         value={value}
+        iconProps={{
+          icon: <span className="jp-MaterialIcon jp-DownCaretIcon bp3-icon" />
+        }}
         aria-label="Cell type"
         minimal
       >

diff --git a/packages/ui-components/style/base.css b/packages/ui-components/style/base.css
@@ -48,12 +48,14 @@ a:hover {
   outline-offset: unset;
   -moz-outline-radius: unset;
 }
+
 /* Styles for ui-components */
 .jp-Button {
   border-radius: var(--jp-border-radius);
   padding: 0px 12px;
   font-size: var(--jp-ui-font-size1);
 }
+
 /* Use our own theme for hover styles */
 button.jp-Button.bp3-button.bp3-minimal:hover {
   background-color: var(--jp-layout-color2);
@@ -65,6 +67,7 @@ button.jp-Button.bp3-button.bp3-minimal:hover {
 .jp-Button.jp-ToolbarButtonComponent {
   text-transform: none;
 }
+
 .jp-InputGroup input {
   box-sizing: border-box;
   border-radius: 0;
@@ -78,16 +81,20 @@ button.jp-Button.bp3-button.bp3-minimal:hover {
       var(--jp-input-active-box-shadow-color),
     inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
 }
+
 .jp-InputGroup input::placeholder,
 input::placeholder {
   color: var(--jp-ui-font-color3);
 }
+
 .jp-Icon {
   color: var(--jp-layout-color4);
 }
+
 .jp-InputGroupAction {
   padding: 6px;
 }
+
 .jp-HTMLSelect.bp3-html-select.bp3-minimal select {
   height: 24;
   font-size: var(--jp-ui-font-size1);
@@ -96,6 +103,7 @@ input::placeholder {
   display: block;
   color: var(--jp-ui-font-color0);
 }
+
 /* Use our own theme for hover styles */
 .jp-HTMLSelect.bp3-html-select.bp3-minimal select:hover {
   color: var(--jp-ui-font-color0);