Truncate header title

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
This commit is contained in:
Dmitriy Zaporozhets 2014-07-05 02:03:33 +03:00
parent 87eda15b7b
commit 6947d3c0ba
No known key found for this signature in database
GPG Key ID: 627C5F589F467F17
1 changed files with 5 additions and 8 deletions

View File

@ -53,13 +53,9 @@ header {
font-size: 18px; font-size: 18px;
.app_logo { margin-left: -15px; } .app_logo { margin-left: -15px; }
.title { .title {
display: inline-block; @include str-truncated(70%);
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
max-width: 70%;
} }
.navbar-collapse { .navbar-collapse {
@ -130,6 +126,7 @@ header {
margin: 0; margin: 0;
margin-left: 5px; margin-left: 5px;
@include header-font; @include header-font;
@include str-truncated(37%);
} }
.profile-pic { .profile-pic {
@ -254,7 +251,7 @@ header {
.search .search-input { .search .search-input {
width: 300px; width: 300px;
&:focus { &:focus {
width: 400px; width: 330px;
} }
} }
@ -262,7 +259,7 @@ header {
.search .search-input { .search .search-input {
width: 200px; width: 200px;
&:focus { &:focus {
width: 300px; width: 230px;
} }
} }
} }