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

Adapt new breadcrumb layout

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2017-12-05 12:25:42 +01:00
committed by Julius Härtl
parent 137f429cfa
commit c8d5f179be
2 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
css/style.scss
View File

@@ -151,20 +151,24 @@ input.input-inline {
z-index: 120; z-index: 120;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14pt;
position: inherit; position: inherit;
width: 100% !important;
padding-left: 44px; padding-left: 44px;
.crumb, .crumb {
#controls a { order: 0;
top: 12px;
}
> h2 { a:nth-child(2) {
white-space: nowrap; padding-left: 0;
padding: 8px 7px 5px; margin-left: -5px;
margin: 0; }
.board-bullet {
display: inline-block;
width: 20px;
height: 20px;
border: none;
border-radius: 50%;
}
} }
button { button {
@@ -173,7 +177,7 @@ input.input-inline {
input[type='text'] { input[type='text'] {
padding: 6px; padding: 6px;
border: 0px none transparent; border: 0 none transparent;
min-height: initial; min-height: initial;
background-color: transparent; background-color: transparent;
height: inherit; height: inherit;

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

@@ -6,13 +6,17 @@
</div> </div>
<div id="controls"> <div id="controls">
<div class="crumb svg last"> <div class="crumb">
<a href="#" class="icon-home" title="<?php p($l->t('All Boards')); ?>"> <a href="#" class="icon-home" title="<?php p($l->t('All Boards')); ?>"></a>
</a> </div>
<div class="crumb" ng-if="boardservice.getCurrent().archived">
<a class="icon-archive"></a>
<a ui-sref="list({ filter: 'archived' })"><?php p($l->t('Archived boards')); ?></a>
</div>
<div class="crumb last title">
<a><span class="board-bullet" ng-style="{'background-color':'#{{boardservice.getCurrent().color }}'}"></span></a>
<a>{{ boardservice.getCurrent().title }}</a>
</div> </div>
<h2 class="title" ng-style="{'border-bottom':'2px solid #{{boardservice.getCurrent().color }}'}">
{{ boardservice.getCurrent().title }}
</h2>
<div class="board-header-controls hidden"> <div class="board-header-controls hidden">
<?php print_unescaped($this->inc('part.board.headerControls')); ?> <?php print_unescaped($this->inc('part.board.headerControls')); ?>
</div> </div>