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

Move add stack input to the header

Browse Source 
Signed-off-by: Artem Anufrij <artem.anufrij@live.de>
This commit is contained in:
artemanufrij
2017-04-25 15:42:39 +02:00
committed by Julius Härtl
parent 22438f8f3e
commit 5346cc4042
2 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
css/style.css
View File

@@ -2,6 +2,7 @@
* @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net> * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
* *
* @author Julius Härtl <jus@bitgrid.net> * @author Julius Härtl <jus@bitgrid.net>
* @author Artem Anufrij <artem.anufrij@live.de>
* *
* @license GNU AGPL version 3 or any later version * @license GNU AGPL version 3 or any later version
* *
@@ -134,7 +135,6 @@ button:hover {
position: relative; position: relative;
color: #888; color: #888;
margin: 8px; margin: 8px;
} }
#board-actions .filter .filter-button { #board-actions .filter .filter-button {
@@ -176,7 +176,6 @@ button:hover {
.board-actions button { .board-actions button {
border: none; border: none;
background-color: transparent; background-color: transparent;
color: #fff;
} }
.board-action-button { .board-action-button {
@@ -186,6 +185,24 @@ button:hover {
margin-left: 10px; margin-left: 10px;
} }
#stack-add {
float: right;
margin: 8px;
background-color: #ffffff;
border: 1px solid #bbb;
border-radius: 4px;
}
#stack-add input {
padding: 4px 5px;
margin: 0px;
border: 0px none transparent;
}
#stack-add button {
padding: 3px;
}
.stack { .stack {
width: 320px; width: 320px;
margin-right: 10px; margin-right: 10px;

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

@@ -9,12 +9,23 @@
<h1> <h1>
{{ boardservice.getCurrent().title }} {{ boardservice.getCurrent().title }}
</h1> </h1>
<div id="board-actions"> <div id="board-actions">
<div class="board-action-button" ng-if="filter!='archive'"><a ng-click="switchFilter('archive')" style="opacity:0.5;" title="<?php p($l->t('Show archived cards')); ?>"><i class="icon icon-archive{{ boardservice.getCurrent().color | iconWhiteFilter }}"></i></a></div> <div class="board-action-button" ng-if="filter!='archive'"><a ng-click="switchFilter('archive')" style="opacity:0.5;" title="<?php p($l->t('Show archived cards')); ?>"><i class="icon icon-archive{{ boardservice.getCurrent().color | iconWhiteFilter }}"></i></a></div>
<div class="board-action-button" ng-if="filter=='archive'"><a ng-click="switchFilter('')" title="<?php p($l->t('Hide archived cards')); ?>"><i class="icon icon-archive{{ boardservice.getCurrent().color | iconWhiteFilter }}"></i></a></div> <div class="board-action-button" ng-if="filter=='archive'"><a ng-click="switchFilter('')" title="<?php p($l->t('Hide archived cards')); ?>"><i class="icon icon-archive{{ boardservice.getCurrent().color | iconWhiteFilter }}"></i></a></div>
<div class="board-action-button"><a ui-sref="board.detail({ id: id })" title="<?php p($l->t('Board details')); ?>"><i class="icon icon-details{{ boardservice.getCurrent().color | iconWhiteFilter }}"></i></a> <div class="board-action-button"><a ui-sref="board.detail({ id: id })" title="<?php p($l->t('Board details')); ?>"><i class="icon icon-details{{ boardservice.getCurrent().color | iconWhiteFilter }}"></i></a>
</div> </div>
</div> </div>
<div id="stack-add" ng-if="boardservice.canEdit() && checkCanEdit()">
<form class="ng-pristine ng-valid" ng-submit="createStack()">
<input type="text" placeholder="Add a new stack"
ng-focus="status.addStack=true"
ng-blur="status.addStack=false"
ng-model="newStack.title" required/>
<button class="icon icon-add" style="opacity: {{status.addStack ? 1: 0.5}};"
type="submit"></button>
</form>
</div>
</div> </div>
<div id="board" class="scroll-container"> <div id="board" class="scroll-container">
@@ -111,18 +122,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="stack" style="display: inline-block;" ng-if="boardservice.canEdit() && checkCanEdit()">
<form class="ng-pristine ng-valid" ng-submit="createStack()">
<h2>
<input type="text" placeholder="Add a new stack"
ng-focus="status.addStack=true"
ng-blur="status.addStack=false"
ng-model="newStack.title" required/>
<button class="icon icon-add" ng-show="status.addStack"
type="submit"></button>
</h2>
</form>
</div>
</div> </div>
</div> </div>