Apply maxlength to input fields and fix card header height
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
@@ -418,7 +418,7 @@ button:hover {
|
||||
*/
|
||||
|
||||
#card-header {
|
||||
height: 44px;
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
#card-header h2 {
|
||||
|
||||
@@ -21,7 +21,8 @@
|
||||
<input type="text" placeholder="Add a new stack"
|
||||
ng-focus="status.addStack=true"
|
||||
ng-blur="status.addStack=false"
|
||||
ng-model="newStack.title" required/>
|
||||
ng-model="newStack.title" required
|
||||
maxlength="100" />
|
||||
<button class="icon icon-add" style="opacity: {{status.addStack ? 1: 0.5}};"
|
||||
type="submit"></button>
|
||||
</form>
|
||||
@@ -40,7 +41,7 @@
|
||||
<input type="text" placeholder="Add a new stack"
|
||||
ng-blur="s.status.editStack=false" ng-model="s.title"
|
||||
ng-if="s.status.editStack" autofocus-on-insert
|
||||
required/>
|
||||
required maxlength="100"/>
|
||||
</form>
|
||||
<div class="stack-actions">
|
||||
<button class="icon icon-confirm" ng-if="s.status.editStack"
|
||||
@@ -114,6 +115,7 @@
|
||||
ng-model="newCard.title"
|
||||
ng-blur="status.addCard[s.id]=false"
|
||||
style="color:{{ boardservice.getCurrent().color | textColorFilter }}; border-color:{{ boardservice.getCurrent().color | textColorFilter }};"
|
||||
maxlength="100"
|
||||
required placeholder="<?php p($l->t('Enter a card title')); ?>"/>
|
||||
</h3>
|
||||
</form>
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
</span>
|
||||
<span class="label-title" style="background-color:#{{label.color}}; color:{{ textColor(label.color) }}; width:178px;" ng-if="label.edit">
|
||||
<form ng-submit="labelUpdate(label)">
|
||||
<input type="text" ng-model="label.title" class="input-inline" style="background-color:#{{label.color}}; color:{{ label.color|textColorFilter }};" autofocus-on-insert />
|
||||
<input type="text" ng-model="label.title" class="input-inline" style="background-color:#{{label.color}}; color:{{ label.color|textColorFilter }};" autofocus-on-insert maxlength="100"/>
|
||||
</form>
|
||||
</span>
|
||||
<div class="colorselect" ng-if="label.edit">
|
||||
@@ -87,7 +87,7 @@
|
||||
<li ng-if="status.createLabel">
|
||||
<form ng-submit="labelCreate(newLabel)">
|
||||
<span class="label-title" style="background-color:#{{newLabel.color}}; color:{{ textColor(newLabel.color) }}; width:178px;">
|
||||
<input type="text" class="input-inline" ng-model="newLabel.title" style="color:{{ newLabel.color|textColorFilter }};" autofocus-on-insert />
|
||||
<input type="text" class="input-inline" ng-model="newLabel.title" style="color:{{ newLabel.color|textColorFilter }};" autofocus-on-insert maxlength="100" />
|
||||
</span>
|
||||
<div class="colorselect">
|
||||
<div class="color" ng-repeat="c in defaultColors" style="background-color:#{{ c }};" ng-click="newLabel.color=c" ng-class="{'selected': (c == newLabel.color) }"><br /></div>
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
class="ng-pristine ng-valid" ng-submit="boardCreate()">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty"
|
||||
type="text" placeholder="<?php p($l->t('New board title')); ?>"
|
||||
autofocus-on-insert ng-model="newBoard.title">
|
||||
autofocus-on-insert ng-model="newBoard.title" maxlength="100">
|
||||
<div class="colorselect">
|
||||
<div class="color" ng-repeat="c in colors"
|
||||
style="background-color:#{{ c }};"
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<input class="input-inline" type="text" ng-if="status.cardRename"
|
||||
ng-model="cardservice.getCurrent().title"
|
||||
ng-blur="cardRename(cardservice.getCurrent())"
|
||||
autofocus-on-insert required>
|
||||
autofocus-on-insert required maxlength="100">
|
||||
</form>
|
||||
<div ng-click="cardRenameShow()" ng-show="!status.cardRename">
|
||||
{{ cardservice.getCurrent().title }}
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
</div>
|
||||
<div class="app-navigation-entry-edit" ng-show="b.status.edit">
|
||||
<form ng-disabled="isAddingList" class="ng-pristine ng-valid" ng-submit="boardUpdate(b)">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty" type="text" autofocus-on-insert ng-model="b.title">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty" type="text" autofocus-on-insert ng-model="b.title" maxlength="100">
|
||||
<input type="submit" value="" class="action icon-checkmark svg">
|
||||
<div class="colorselect">
|
||||
<div class="color" ng-repeat="c in colors" style="background-color:#{{ c }};" ng-click="b.color=c" ng-class="{'selected': (c == b.color) }"><br /></div>
|
||||
@@ -39,7 +39,7 @@
|
||||
</a>
|
||||
<div class="app-navigation-entry-edit" ng-if="status.addBoard">
|
||||
<form ng-disabled="isAddingList" class="ng-pristine ng-valid" ng-submit="boardCreate()">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty" type="text" placeholder="<?php p($l->t('Board title')); ?>" autofocus-on-insert ng-model="newBoard.title">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty" type="text" placeholder="<?php p($l->t('Board title')); ?>" autofocus-on-insert ng-model="newBoard.title" maxlength="100">
|
||||
<input type="submit" value="" class="action icon-checkmark svg">
|
||||
<div class="colorselect">
|
||||
<div class="color" ng-repeat="c in colors" style="background-color:#{{ c }};" ng-click="selectColor(c)" ng-class="{'selected': (c == newBoard.color) }"><br /></div>
|
||||
|
||||
Reference in New Issue
Block a user