diff options
Diffstat (limited to 'client')
| -rw-r--r-- | client/components/main/header.jade | 6 | ||||
| -rw-r--r-- | client/components/main/header.styl | 12 |
2 files changed, 14 insertions, 4 deletions
diff --git a/client/components/main/header.jade b/client/components/main/header.jade index 192e7321..4715bfc8 100644 --- a/client/components/main/header.jade +++ b/client/components/main/header.jade @@ -21,9 +21,9 @@ template(name="header") else li.current {{_ 'quick-access-description'}} - li - a.js-create-board - i.fa.fa-plus(title="Create a new board") + + a#header-new-board-icon.js-create-board + i.fa.fa-plus(title="Create a new board") +headerUserBar diff --git a/client/components/main/header.styl b/client/components/main/header.styl index d4edd82f..b66eb2da 100644 --- a/client/components/main/header.styl +++ b/client/components/main/header.styl @@ -13,6 +13,7 @@ display: flex #header-user-bar, + #header-new-board-icon, ul li color: darken(white, 17%) @@ -23,9 +24,9 @@ color: white ul - flex: 1 transition: opacity 0.2s margin: 4px 0 0 5px + overflow: hidden li display: block @@ -43,6 +44,10 @@ a.js-create-board margin-left: 5px + #header-user-bar, + #header-new-board-icon + flex-shrink: 0 + #header-user-bar margin: 2px 0 @@ -62,6 +67,11 @@ i.fa-chevron-down margin-right: 4px + #header-new-board-icon + flex-grow: 1 + margin: 6px 5px 0 + width: 12px + #header-main-bar height: 28px * 1.618034 - 6px padding: 7px 10px 0 |