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

Merge pull request #173 from nextcloud/click-title-to-edit

Browse Source 
Click title to edit
This commit is contained in:
Artem Anufrij
2017-06-01 20:37:01 +02:00
committed by GitHub
parent d14f4f20b6 cfd936b5c5
commit 64960956f9
2 changed files with 15 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
css/style.css
View File

@@ -58,6 +58,9 @@ button.button-inline:hover {
display: flex !important; display: flex !important;
} }
.editable-inline {
cursor: text;
}
/** /**
* Navigation sidebar * Navigation sidebar
*/ */
@@ -248,27 +251,21 @@ button.button-inline:hover {
width: 100%; width: 100%;
} }
.stack h2 button,
.stack .stack-actions {
float: right;
margin: 0px 0px 0px 10px;
}
.stack h2 span { .stack h2 span {
width: 100%;
white-space: normal; white-space: normal;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.stack h2 .stack-actions { .stack h2 button {
margin-left: auto;
display: flex; display: flex;
opacity: 0.25; opacity: 0.25;
padding-right: 0;
} }
.stack h2:hover .stack-actions { .stack h2:hover button {
display: flex; display: flex;
float: right;
} }
.card { .card {
@@ -856,7 +853,7 @@ button.button-inline:hover {
width: 320px; width: 320px;
display: inline-block; display: inline-block;
} }
.stack h2 .stack-actions { .stack h2 button {
display: none; display: none;
} }
} }

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

@@ -34,19 +34,16 @@
<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>
<form ng-if="s.status.editStack" ng-submit="stackservice.update(s)"> <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); s.status.editStack=false">
<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 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> ng-click="stackservice.delete(s.id)"></button>
<button class="icon-delete button-inline"
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;">