From 73eff3d64ea1c0a06fc8b1ca098d28eae68f54dc Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Wed, 31 May 2017 08:13:53 +0200
Subject: [PATCH 1/5] Allows editing stack title by clicking it.

Deprecates edit icon in the stack header.

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 css/style.css                     | 16 +++++-----------
 templates/part.board.mainView.php | 12 +++++-------
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/css/style.css b/css/style.css
index 3490645ce..b9e721291 100644
--- a/css/style.css
+++ b/css/style.css
@@ -248,27 +248,21 @@ button.button-inline:hover {
 	width: 100%;
 }
 
-.stack h2 button,
-.stack .stack-actions {
-	float: right;
-	margin: 0px 0px 0px 10px;
+.stack h2 button {
+	margin-left: auto;
+    display: flex;
+	opacity: 0.25;
 }
 
 .stack h2 span {
-	width: 100%;
 	white-space: normal;
 	overflow: hidden;
 	text-overflow: ellipsis;
-}
-
-.stack h2 .stack-actions {
-	display: flex;
-	opacity: 0.25;
+    cursor: text;
 }
 
 .stack h2:hover .stack-actions {
 	display: flex;
-	float: right;
 }
 
 .card {
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index 0b9c36a27..535a39877 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -34,19 +34,17 @@
 		<div class="stack" ng-repeat="s in stacks" data-as-sortable-item
 			 data-columnindex="{{$index}}" id="column{{$index}}"
 			 style="">
-			<h2 data-as-sortable-item-handle><span ng-show="!s.status.editStack">{{ s.title }}</span>
+			<h2 data-as-sortable-item-handle>
+                <span ng-show="!s.status.editStack" ng-click="s.status.editStack=true">{{ s.title }}</span>
 				<form ng-if="s.status.editStack" ng-submit="stackservice.update(s)">
 					<input type="text" placeholder="Add a new stack"
 						   ng-blur="stackservice.update(s); s.status.editStack=false" ng-model="s.title"
 						   ng-if="s.status.editStack" autofocus-on-insert
 						   required maxlength="100"/>
 				</form>
-				<div ng-if="!s.status.editStack" class="stack-actions">
-					<button class="icon-rename button-inline"
-							ng-click="s.status.editStack=true"></button>
-					<button class="icon-delete button-inline"
-							ng-click="stackservice.delete(s.id)"></button>
-				</div>
+				<button class="icon-delete button-inline stack-actions"
+						ng-if="!s.status.editStack"
+                        ng-click="stackservice.delete(s.id)"></button>
 			</h2>
 			<ul data-as-sortable="sortOptions" is-disabled="!boardservice.canEdit() || filter==='archive'" data-ng-model="s.cards"
 				style="min-height: 40px;">

From e06a2ad743d988aa5ccd7f8d22ec5c8bf6823eaa Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Wed, 31 May 2017 08:17:18 +0200
Subject: [PATCH 2/5] fix tabs

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 css/style.css                     | 4 ++--
 templates/part.board.mainView.php | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index b9e721291..8d47ce0b5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -250,7 +250,7 @@ button.button-inline:hover {
 
 .stack h2 button {
 	margin-left: auto;
-    display: flex;
+	display: flex;
 	opacity: 0.25;
 }
 
@@ -258,7 +258,7 @@ button.button-inline:hover {
 	white-space: normal;
 	overflow: hidden;
 	text-overflow: ellipsis;
-    cursor: text;
+	cursor: text;
 }
 
 .stack h2:hover .stack-actions {
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index 535a39877..460605a3b 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -35,7 +35,7 @@
 			 data-columnindex="{{$index}}" id="column{{$index}}"
 			 style="">
 			<h2 data-as-sortable-item-handle>
-                <span ng-show="!s.status.editStack" ng-click="s.status.editStack=true">{{ s.title }}</span>
+				<span ng-show="!s.status.editStack" ng-click="s.status.editStack=true">{{ s.title }}</span>
 				<form ng-if="s.status.editStack" ng-submit="stackservice.update(s)">
 					<input type="text" placeholder="Add a new stack"
 						   ng-blur="stackservice.update(s); s.status.editStack=false" ng-model="s.title"

From 2f73f0492bef1d10810b73b1844eb51c16b880c1 Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Wed, 31 May 2017 15:43:30 +0200
Subject: [PATCH 3/5] Create new class for inline-editable text

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 css/style.css                     | 18 ++++++++++--------
 templates/part.board.mainView.php |  5 ++---
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/css/style.css b/css/style.css
index 8d47ce0b5..95ec00b40 100644
--- a/css/style.css
+++ b/css/style.css
@@ -58,6 +58,9 @@ button.button-inline:hover {
 	display: flex !important;
 }
 
+.editable-inline {
+	cursor: text;
+}
 /**
  * Navigation sidebar
  */
@@ -248,20 +251,19 @@ button.button-inline:hover {
 	width: 100%;
 }
 
+.stack h2 span {
+	white-space: normal;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 .stack h2 button {
 	margin-left: auto;
 	display: flex;
 	opacity: 0.25;
 }
 
-.stack h2 span {
-	white-space: normal;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	cursor: text;
-}
-
-.stack h2:hover .stack-actions {
+.stack h2:hover button {
 	display: flex;
 }
 
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index 460605a3b..b9adbf129 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -35,12 +35,11 @@
 			 data-columnindex="{{$index}}" id="column{{$index}}"
 			 style="">
 			<h2 data-as-sortable-item-handle>
-				<span ng-show="!s.status.editStack" ng-click="s.status.editStack=true">{{ s.title }}</span>
+				<span class="editable-inline" ng-show="!s.status.editStack" ng-click="s.status.editStack=true">{{ s.title }}</span>
 				<form ng-if="s.status.editStack" ng-submit="stackservice.update(s)">
 					<input type="text" placeholder="Add a new stack"
 						   ng-blur="stackservice.update(s); s.status.editStack=false" ng-model="s.title"
-						   ng-if="s.status.editStack" autofocus-on-insert
-						   required maxlength="100"/>
+						   autofocus-on-insert required maxlength="100" />
 				</form>
 				<button class="icon-delete button-inline stack-actions"
 						ng-if="!s.status.editStack"

From 2cb151ba026c28a4590886ece8c6980db2bd6746 Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Wed, 31 May 2017 22:44:44 +0200
Subject: [PATCH 4/5] Temporary fix for card delete button position

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 css/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 95ec00b40..ef639ac2f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -261,6 +261,7 @@ button.button-inline:hover {
 	margin-left: auto;
 	display: flex;
 	opacity: 0.25;
+	padding-right: 0;
 }
 
 .stack h2:hover button {
@@ -852,7 +853,7 @@ button.button-inline:hover {
 		width: 320px;
 		display: inline-block;
 	}
-	.stack h2 .stack-actions {
+	.stack h2 button {
 		display: none;
 	}
 }

From cfd936b5c5a1e23c7b5c5219f066841908312d79 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Thu, 1 Jun 2017 20:06:27 +0200
Subject: [PATCH 5/5] save on return/enter

Signed-off-by: Artem Anufrij <artem.anufrij@live.de>
---
 templates/part.board.mainView.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index b9adbf129..20c011868 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -36,7 +36,7 @@
 			 style="">
 			<h2 data-as-sortable-item-handle>
 				<span class="editable-inline" ng-show="!s.status.editStack" ng-click="s.status.editStack=true">{{ s.title }}</span>
-				<form ng-if="s.status.editStack" ng-submit="stackservice.update(s)">
+				<form ng-if="s.status.editStack" ng-submit="stackservice.update(s); s.status.editStack=false">
 					<input type="text" placeholder="Add a new stack"
 						   ng-blur="stackservice.update(s); s.status.editStack=false" ng-model="s.title"
 						   autofocus-on-insert required maxlength="100" />