added .icon-more button

Signed-off-by: Artem Anufrij <artem.anufrij@live.de>
This commit is contained in:
Artem Anufrij
2017-05-22 18:53:51 +02:00
committed by Julius Härtl
parent 0b12271ee3
commit d2b44c2ad0
2 changed files with 57 additions and 13 deletions

View File

@@ -140,11 +140,6 @@ button:hover {
padding: 0px 12px;
}
#board-header #home a{
position: relative;
padding: 0px;
}
#board-actions {
font-size: 10pt;
float: right;
@@ -176,6 +171,22 @@ button:hover {
align-items: center;
}
#board-header-controls-menu {
display: none;
padding: 5px 6px 5px 7px;
}
#board-header-controls-menu #popover-controls {
display: flex;
align-items: center;
padding-left: 3px;
}
#board-header-controls-menu .popovermenu{
margin-top: 35px;
margin-right: 6px;
}
.filter-select {
position: absolute;
right: auto;
@@ -333,7 +344,7 @@ button:hover {
min-height: 16px;
}
.card .popovermenu {
.popovermenu {
z-index: 999;
opacity: 1;
margin-top: 25px;
@@ -341,7 +352,7 @@ button:hover {
display: block;
}
.card .popovermenu.hidden {
.popovermenu.hidden {
display: none;
}
@@ -855,6 +866,10 @@ button:hover {
#board-header-controls {
display: none !important;
}
#board-header-controls-menu {
display: flex;
}
}
/**

View File

@@ -5,11 +5,9 @@
<p>{{ statusservice.text }}</p></div>
</div>
<div id="board-header">
<div id="home" class="crumb svg last">
<a href="#" title="<?php p($l->t('All Boards')); ?>">
<img class="svg" src="../../../core/img/places/home.svg" alt="Home">
</a>
</div>
<a href="#" class="crumb svg last" id="home" title="<?php p($l->t('All Boards')); ?>">
<img class="svg" src="../../../core/img/places/home.svg" alt="Home">
</a>
<h1 class="title" style="border-bottom: 2px solid #{{boardservice.getCurrent().color }};">
{{ boardservice.getCurrent().title }}
</h1>
@@ -38,6 +36,38 @@
</a>
</div>
</div>
<div id="board-header-controls-menu" class="app-popover-menu-utils button">
<button class="card-options icon-more" ng-model="card"></button>
<div class="popovermenu hidden">
<div id="popover-controls">
<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
maxlength="100" />
<button class="icon icon-add" style="opacity: {{status.addStack ? 1: 0.5}};" type="submit"></button>
</form>
</div>
<div class="board-action-button 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"></i>
</a>
</div>
<div class="board-action-button button" ng-if="filter=='archive'">
<a ng-click="switchFilter('')" title="<?php p($l->t('Hide archived cards')); ?>">
<i class="icon icon-archive"></i>
</a>
</div>
<div class="board-action-button button">
<a ui-sref="board.detail({ id: id })" title="<?php p($l->t('Board details')); ?>">
<i class="icon icon-details"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="board" class="scroll-container" ng-click="sidebar.show=false" ui-sref="board">
@@ -87,7 +117,6 @@
</div>
<div class="card-controls">
<i class="icon icon-filetype-text" ng-if="c.description" title="{{ c.description }}"></i>
<div class="space"></div>
<div class="app-popover-menu-utils">
<button class="card-options icon-more" ng-model="card"></button>
<div class="popovermenu hidden">