diff options
| author | Maxime Quandalle <maxime@quandalle.com> | 2015-09-06 23:08:49 +0200 |
|---|---|---|
| committer | Maxime Quandalle <maxime@quandalle.com> | 2015-09-06 23:08:49 +0200 |
| commit | 76004e407ca54e6e3ac65cc9a06d78ac36667f82 (patch) | |
| tree | 2e89a682a3d29c54b211bc346a595b4f4e293f96 /client/components/main | |
| parent | 74fba0a817b414579f3223ac508b4fdb8faced98 (diff) | |
| download | wekan-76004e407ca54e6e3ac65cc9a06d78ac36667f82.tar.gz wekan-76004e407ca54e6e3ac65cc9a06d78ac36667f82.tar.bz2 wekan-76004e407ca54e6e3ac65cc9a06d78ac36667f82.zip | |
Fix header style when there are too much starred boards
Fixes #237
Diffstat (limited to 'client/components/main')
| -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 |