From d2ac3dc63df8b5a61c0c639483c5626ea7d91a32 Mon Sep 17 00:00:00 2001 From: floatinghotpot Date: Thu, 17 Dec 2015 20:38:33 +0800 Subject: fix board headeer issue --- client/components/boards/boardHeader.jade | 36 +++++++++++++++++++++---------- client/components/boards/boardHeader.js | 4 ++++ client/components/main/header.jade | 2 +- client/components/main/header.js | 4 ++++ client/components/main/header.styl | 3 --- 5 files changed, 34 insertions(+), 15 deletions(-) (limited to 'client/components') diff --git a/client/components/boards/boardHeader.jade b/client/components/boards/boardHeader.jade index 2a24b6c2..103b1c37 100644 --- a/client/components/boards/boardHeader.jade +++ b/client/components/boards/boardHeader.jade @@ -5,20 +5,34 @@ template(name="boardHeaderBar") = title .board-header-btns.left + unless isMiniScreen + unless isSandstorm + if currentUser + a.board-header-btn.js-star-board(class="{{#if isStarred}}is-active{{/if}}" + title="{{#if isStarred}}{{_ 'click-to-unstar'}}{{else}}{{_ 'click-to-star'}}{{/if}} {{_ 'starred-boards-description'}}") + i.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}") + if showStarCounter + span + = currentBoard.stars + + a.board-header-btn(class="{{#if currentUser.isBoardAdmin}}js-change-visibility{{else}}is-disabled{{/if}}") + i.fa(class="{{#if currentBoard.isPublic}}fa-globe{{else}}fa-lock{{/if}}") + span {{_ currentBoard.permission}} .board-header-btns.right - unless isSandstorm - if currentUser - a.board-header-btn.js-star-board(class="{{#if isStarred}}is-active{{/if}}" - title="{{#if isStarred}}{{_ 'click-to-unstar'}}{{else}}{{_ 'click-to-star'}}{{/if}} {{_ 'starred-boards-description'}}") - i.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}") - if showStarCounter - span - = currentBoard.stars + if isMiniScreen + unless isSandstorm + if currentUser + a.board-header-btn.js-star-board(class="{{#if isStarred}}is-active{{/if}}" + title="{{#if isStarred}}{{_ 'click-to-unstar'}}{{else}}{{_ 'click-to-star'}}{{/if}} {{_ 'starred-boards-description'}}") + i.fa(class="fa-star{{#unless isStarred}}-o{{/unless}}") + if showStarCounter + span + = currentBoard.stars - a.board-header-btn(class="{{#if currentUser.isBoardAdmin}}js-change-visibility{{else}}is-disabled{{/if}}") - i.fa(class="{{#if currentBoard.isPublic}}fa-globe{{else}}fa-lock{{/if}}") - span {{_ currentBoard.permission}} + a.board-header-btn(class="{{#if currentUser.isBoardAdmin}}js-change-visibility{{else}}is-disabled{{/if}}") + i.fa(class="{{#if currentBoard.isPublic}}fa-globe{{else}}fa-lock{{/if}}") + span {{_ currentBoard.permission}} a.board-header-btn.js-open-filter-view( title="{{#if Filter.isActive}}{{_ 'filter-on-desc'}}{{/if}}" diff --git a/client/components/boards/boardHeader.js b/client/components/boards/boardHeader.js index 9423ecee..3b05b4ef 100644 --- a/client/components/boards/boardHeader.js +++ b/client/components/boards/boardHeader.js @@ -39,6 +39,10 @@ BlazeComponent.extendComponent({ return user && user.hasStarred(boardId); }, + isMiniScreen() { + return Utils.isMiniScreen(); + }, + // Only show the star counter if the number of star is greater than 2 showStarCounter() { const currentBoard = Boards.findOne(Session.get('currentBoard')); diff --git a/client/components/main/header.jade b/client/components/main/header.jade index ff79617e..711e272c 100644 --- a/client/components/main/header.jade +++ b/client/components/main/header.jade @@ -34,7 +34,7 @@ template(name="header") #header-main-bar(class="{{#if wrappedHeader}}wrapper{{/if}}") +Template.dynamic(template=headerBar) - if wrappedHeader + unless hideLogo //- On sandstorm, the logo shouldn't be clickable, because we only have one page/document on it, and we don't want to see the home page containing diff --git a/client/components/main/header.js b/client/components/main/header.js index d44fe76d..73024aa9 100644 --- a/client/components/main/header.js +++ b/client/components/main/header.js @@ -2,6 +2,10 @@ Template.header.helpers({ wrappedHeader() { return !Session.get('currentBoard'); }, + + hideLogo() { + return Utils.isMiniScreen() && Session.get('currentBoard'); + }, }); Template.header.events({ diff --git a/client/components/main/header.styl b/client/components/main/header.styl index d9abe07f..fbf2992d 100644 --- a/client/components/main/header.styl +++ b/client/components/main/header.styl @@ -165,9 +165,6 @@ #header-main-bar height: 40px - h1 - display: none - .board-header-btns margin-top: 0px -- cgit v1.2.3-1-g7c22