diff options
author | Lauri Ojansivu <x@xet7.org> | 2017-11-29 12:11:02 +0200 |
---|---|---|
committer | Lauri Ojansivu <x@xet7.org> | 2017-11-29 12:11:02 +0200 |
commit | c72792e4ed0e1ff88a1de494e7885238dc6c9881 (patch) | |
tree | c8fd646292b810f12ab53762d2404b82d58b2f64 /client/components/main | |
parent | 7e4b42e9b3482460cac77a603809a8b5d4016477 (diff) | |
parent | c3e2ee1db8b84102ffb58ffa07d6a0a687ef7455 (diff) | |
download | wekan-c72792e4ed0e1ff88a1de494e7885238dc6c9881.tar.gz wekan-c72792e4ed0e1ff88a1de494e7885238dc6c9881.tar.bz2 wekan-c72792e4ed0e1ff88a1de494e7885238dc6c9881.zip |
Merge branch 'nztqa-conflict-resolution-458' into devel
Optimize for mobile web, show single list per page with navigate bar.
Thanks to floatinghotpot and nztqa ! Related #953
Diffstat (limited to 'client/components/main')
-rw-r--r-- | client/components/main/header.jade | 36 | ||||
-rw-r--r-- | client/components/main/header.js | 4 | ||||
-rw-r--r-- | client/components/main/header.styl | 26 |
3 files changed, 52 insertions, 14 deletions
diff --git a/client/components/main/header.jade b/client/components/main/header.jade index 51bccd09..dd071b3e 100644 --- a/client/components/main/header.jade +++ b/client/components/main/header.jade @@ -7,19 +7,31 @@ template(name="header") unless isSandstorm if currentUser #header-quick-access(class=currentBoard.colorClass) - ul - li - a(href="{{pathFor 'home'}}") - span.fa.fa-home - | {{_ 'all-boards'}} - each currentUser.starredBoards - li.separator - - li(class="{{#if $.Session.equals 'currentBoard' _id}}current{{/if}}") - a(href="{{pathFor 'board' id=_id slug=slug}}") - = title - else - li.current {{_ 'quick-access-description'}} + if isMiniScreen + ul + li + a(href="{{pathFor 'home'}}") + span.fa.fa-home + if currentList + each currentBoard.lists + li(class="{{#if $.Session.equals 'currentList' _id}}current{{/if}}") + a.js-select-list + = title + #header-new-board-icon + else + ul + li + a(href="{{pathFor 'home'}}") + span.fa.fa-home + | {{_ 'all-boards'}} + each currentUser.starredBoards + li.separator - + li(class="{{#if $.Session.equals 'currentBoard' _id}}current{{/if}}") + a(href="{{pathFor 'board' id=_id slug=slug}}") + = title + else + li.current {{_ 'quick-access-description'}} a#header-new-board-icon.js-create-board i.fa.fa-plus(title="Create a new board") diff --git a/client/components/main/header.js b/client/components/main/header.js index c8f415df..b005775a 100644 --- a/client/components/main/header.js +++ b/client/components/main/header.js @@ -28,4 +28,8 @@ Template.header.events({ 'click .js-close-announcement'() { $('.announcement').hide(); }, + 'click .js-select-list'() { + Session.set('currentList', this._id); + Session.set('currentCard', null); + }, }); diff --git a/client/components/main/header.styl b/client/components/main/header.styl index 191e8893..4abc1d55 100644 --- a/client/components/main/header.styl +++ b/client/components/main/header.styl @@ -191,11 +191,33 @@ bottom: 0px ul - width: calc(100% - 150px) + width: calc(100% - 60px) overflow: ellipsis + padding: 10px + margin: -10px li - height: 28px + height: 100% + padding: 12px 0px + margin: -10px 0px + + a + height: 100% + padding: 12px 10px + margin: -10px 0px + + .fa-home + font-size: 26px + margin-top: -2px + + #header-new-board-icon + display: none + + #header-user-bar + position: absolute + right: 0px + padding: 10px + margin: -10px .announcement, .offline-warning |