ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Allows editing stack title by clicking it.

Browse Source 
Deprecates edit icon in the stack header.

Signed-off-by: Marin Treselj <marin@pixelipo.com>
This commit is contained in:
Marin Treselj
2017-05-31 08:13:53 +02:00
parent d14f4f20b6
commit 73eff3d64e
2 changed files with 10 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
css/style.css
View File

@@ -248,27 +248,21 @@ button.button-inline:hover {
width: 100%; width: 100%;
} }
.stack h2 button, .stack h2 button {
.stack .stack-actions { margin-left: auto;
float: right;
margin: 0px 0px 0px 10px;
}
.stack h2 span {
width: 100%;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.stack h2 .stack-actions {
display: flex; display: flex;
opacity: 0.25; opacity: 0.25;
} }
.stack h2 span {
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
cursor: text;
}
.stack h2:hover .stack-actions { .stack h2:hover .stack-actions {
display: flex; display: flex;
float: right;
} }
.card { .card {

10
templates/part.board.mainView.php
View File

@@ -34,19 +34,17 @@
<div class="stack" ng-repeat="s in stacks" data-as-sortable-item <div class="stack" ng-repeat="s in stacks" data-as-sortable-item
data-columnindex="{{$index}}" id="column{{$index}}" data-columnindex="{{$index}}" id="column{{$index}}"
style=""> 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)"> <form ng-if="s.status.editStack" ng-submit="stackservice.update(s)">
<input type="text" placeholder="Add a new stack" <input type="text" placeholder="Add a new stack"
ng-blur="stackservice.update(s); s.status.editStack=false" ng-model="s.title" ng-blur="stackservice.update(s); s.status.editStack=false" ng-model="s.title"
ng-if="s.status.editStack" autofocus-on-insert ng-if="s.status.editStack" autofocus-on-insert
required maxlength="100"/> required maxlength="100"/>
</form> </form>
<div ng-if="!s.status.editStack" class="stack-actions"> <button class="icon-delete button-inline stack-actions"
<button class="icon-rename button-inline" ng-if="!s.status.editStack"
ng-click="s.status.editStack=true"></button>
<button class="icon-delete button-inline"
ng-click="stackservice.delete(s.id)"></button> ng-click="stackservice.delete(s.id)"></button>
</div>
</h2> </h2>
<ul data-as-sortable="sortOptions" is-disabled="!boardservice.canEdit() || filter==='archive'" data-ng-model="s.cards" <ul data-as-sortable="sortOptions" is-disabled="!boardservice.canEdit() || filter==='archive'" data-ng-model="s.cards"
style="min-height: 40px;"> style="min-height: 40px;">