[desk-tool] Improve document status bar UI

sanity-io · Nov 19, 2019 · 3ac7330 · 3ac7330
1 parent 90cc5f8
commit 3ac7330
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git a/packages/@sanity/desk-tool/src/components/DocumentStatusBar/DocumentStatusBarActions.css b/packages/@sanity/desk-tool/src/components/DocumentStatusBar/DocumentStatusBarActions.css
@@ -19,18 +19,14 @@
 
 .mainActionButtonWithMoreActions {
   composes: mainActionButton;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
 }
 
 .actionsDropDown {
-  margin-left: 1px;
+  margin-left: 0.25em;
 }
 
 .actionsDropDownButton {
   vertical-align: top;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
 }
 
 .menuContainer {

diff --git a/packages/@sanity/desk-tool/src/components/DocumentStatusBar/DocumentStatusBarActions.js b/packages/@sanity/desk-tool/src/components/DocumentStatusBar/DocumentStatusBarActions.js
@@ -201,7 +201,7 @@ class DocumentStatusBarActions extends React.PureComponent {
                 className={
                   hasMoreActions ? styles.mainActionButtonWithMoreActions : styles.mainActionButton
                 }
-                color={firstAction.color}
+                color={firstActionDisabled ? undefined : firstAction.color}
                 disabled={firstActionDisabled}
                 onClick={firstAction.handleClick}
               >
@@ -218,10 +218,10 @@ class DocumentStatusBarActions extends React.PureComponent {
               aria-haspopup="true"
               aria-label="Actions"
               className={styles.actionsDropDownButton}
-              color={firstAction.color}
               disabled={isDisconnected}
               icon={ChevronDownIcon}
               id={`${idPrefix}-button`}
+              kind="secondary"
               onClick={this.handleDropDownButtonClick}
               ref={this.actionsDropDownButtonRef}
             />

diff --git a/packages/@sanity/desk-tool/src/pane/styles/Editor.css b/packages/@sanity/desk-tool/src/pane/styles/Editor.css
@@ -137,7 +137,7 @@
 
 .editor {
   padding: var(--medium-padding);
-  padding-bottom: 8rem;
+  padding-bottom: 4em;
 }
 
 .syncStatus {