summaryrefslogtreecommitdiffstats
path: root/client/components
diff options
context:
space:
mode:
authorMaxime Quandalle <maxime@quandalle.com>2015-09-06 23:08:49 +0200
committerMaxime Quandalle <maxime@quandalle.com>2015-09-06 23:08:49 +0200
commit76004e407ca54e6e3ac65cc9a06d78ac36667f82 (patch)
tree2e89a682a3d29c54b211bc346a595b4f4e293f96 /client/components
parent74fba0a817b414579f3223ac508b4fdb8faced98 (diff)
downloadwekan-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')
-rw-r--r--client/components/main/header.jade6
-rw-r--r--client/components/main/header.styl12
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