added .icon-more button

Signed-off-by: Artem Anufrij <artem.anufrij@live.de>

css/style.css

@@ -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;
+	}
 }
 
 /**

templates/part.board.mainView.php

@@ -5,11 +5,9 @@
 		<p>{{ statusservice.text }}</p></div>
 </div>
 <div id="board-header">
-	<div id="home" class="crumb svg last">
+	<a href="#"  class="crumb svg last" id="home" title="<?php p($l->t('All Boards')); ?>">
-		<a href="#" title="<?php p($l->t('All Boards')); ?>">
 		<img class="svg" src="../../../core/img/places/home.svg" alt="Home">
 	</a>
-	</div>
 	<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">