From 1f762b238a2595d4521fa5133977456cbbc93c39 Mon Sep 17 00:00:00 2001
From: rohit1101 <37110560+rohit1101@users.noreply.github.com>
Date: Mon, 21 Jun 2021 21:20:21 +0530
Subject: [PATCH] GH-364 Automatically open new card for editing (#571)

* Make prebuild commit

* Implement open card by default on +New click in Board and Gallery View

* Remove horizontal scrollbar sidebar when options icon on click

* revert changes in package-lock.json
---
 webapp/src/components/gallery/gallery.tsx           | 2 +-
 webapp/src/components/kanban/kanban.tsx             | 4 ++--
 webapp/src/components/sidebar/sidebarBoardItem.scss | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/gallery/gallery.tsx b/webapp/src/components/gallery/gallery.tsx
index abd026c22..1019721a6 100644
--- a/webapp/src/components/gallery/gallery.tsx
+++ b/webapp/src/components/gallery/gallery.tsx
@@ -105,7 +105,7 @@ const Gallery = (props: Props): JSX.Element => {
                 <div
                     className='octo-gallery-new'
                     onClick={() => {
-                        props.addCard(false)
+                        props.addCard(true)
                     }}
                 >
                     <FormattedMessage
diff --git a/webapp/src/components/kanban/kanban.tsx b/webapp/src/components/kanban/kanban.tsx
index 94d64f447..18dfaee48 100644
--- a/webapp/src/components/kanban/kanban.tsx
+++ b/webapp/src/components/kanban/kanban.tsx
@@ -24,7 +24,7 @@ type Props = {
     intl: IntlShape
     readonly: boolean
     onCardClicked: (e: React.MouseEvent, card: Card) => void
-    addCard: (groupByOptionId?: string) => Promise<void>
+    addCard: (groupByOptionId?: string, show?:boolean) => Promise<void>
 }
 
 type State = {
@@ -136,7 +136,7 @@ class Kanban extends React.Component<Props, State> {
                             {!this.props.readonly &&
                                 <Button
                                     onClick={() => {
-                                        this.props.addCard(group.option.id)
+                                        this.props.addCard(group.option.id, true)
                                     }}
                                 >
                                     <FormattedMessage
diff --git a/webapp/src/components/sidebar/sidebarBoardItem.scss b/webapp/src/components/sidebar/sidebarBoardItem.scss
index 4a7b6ecd6..cbeb3a7e5 100644
--- a/webapp/src/components/sidebar/sidebarBoardItem.scss
+++ b/webapp/src/components/sidebar/sidebarBoardItem.scss
@@ -59,7 +59,7 @@
         }
 
         .Menu.left {
-            right: -32px;
+            right: -16px;
         }
 
         &.expanded {