Fixed styles

Author: zhadaev

components/layout/sidebar/header/ActionDropdown.es6.js

@@ -8,6 +8,7 @@ const ActionDropdown = forwardRef(({
     icon,
     actionsAvailable,
     actionsVisible,
+    setActionsVisibility,
     quickDialog,
     quickActions,
     onClick,
@@ -40,9 +41,8 @@ const ActionDropdown = forwardRef(({
                 actions={quickActions}
                 label={dropdownMenuLabel}
                 onSelect={(idx) => {
-                    this.setState({ actionsVisible: false }, () => {
-                        onQuickActionSelected && onQuickActionSelected(idx)
-                    })
+                    setActionsVisibility(false)
+                    onQuickActionSelected && onQuickActionSelected(idx)
                 }}
             />
         )}

components/layout/sidebar/header/SidebarHeader.es6.js

@@ -121,6 +121,7 @@ class SidebarHeader extends React.Component {
               onClick={this.onAction}
               actionsAvailable={actionsAvailable}
               actionsVisible={actionsVisible}
+              setActionsVisibility={(state) => this.setState({ actionsVisible: state })}
               quickDialog={quickDialog}
               quickActions={quickActions}
               dropdownMenuLabel={dropdownMenuLabel}
@@ -145,6 +146,7 @@ class SidebarHeader extends React.Component {
               onClick={this.onAction}
               actionsAvailable={actionsAvailable}
               actionsVisible={actionsVisible}
+              setActionsVisibility={(state) => this.setState({ actionsVisible: state })}
               quickDialog={quickDialog}
               quickActions={quickActions}
               dropdownMenuLabel={dropdownMenuLabel}

style/layout/side-pane.scss

@@ -85,7 +85,7 @@
       }
 
       .ds-dropdown__toggle:after {
-        right: -10px;
+        right: -10px !important;
       }
     }