summaryrefslogtreecommitdiffstats
path: root/client/components/main
diff options
context:
space:
mode:
authornztqa <nztqa@users.noreply.github.com>2017-11-29 17:06:33 +0900
committernztqa <nztqa@users.noreply.github.com>2017-11-29 17:06:33 +0900
commitc31d7455f7b7de4198ee46c59fe0886c54bf457c (patch)
treed4226cd2278347c4f24d51b690b0f4932526a482 /client/components/main
parent162b15c0cdba99c406f41a80a431f2b99f4ff027 (diff)
downloadwekan-c31d7455f7b7de4198ee46c59fe0886c54bf457c.tar.gz
wekan-c31d7455f7b7de4198ee46c59fe0886c54bf457c.tar.bz2
wekan-c31d7455f7b7de4198ee46c59fe0886c54bf457c.zip
Optimize for mobile web, show single list per page with navigate bar
Diffstat (limited to 'client/components/main')
-rw-r--r--client/components/main/header.jade36
-rw-r--r--client/components/main/header.js4
-rw-r--r--client/components/main/header.styl26
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