truncate nav-app-link if appropriate

This commit is contained in:
Mario 2017-11-08 08:57:30 +01:00
parent b5d4acf10a
commit 9d584fc720
3 changed files with 8 additions and 3 deletions

View file

@ -19,7 +19,6 @@ nav .dropdown-menu {
}
}
@media screen and (max-width: 767px) {
.navbar {
padding: .5rem 7px;
@ -41,6 +40,7 @@ nav .dropdown-menu {
.navbar-toggler-right {
padding: 0.2rem 0;
white-space: nowrap;
}
#navbar-collapse-1 i {

View file

@ -1262,6 +1262,11 @@ img.mail-conv-sender-photo {
white-space: nowrap;
}
#nav-app-link-wrapper {
min-width: 0;
flex-basis: 25%;
}
.page-title {
margin: 7px 0px;
}

View file

@ -59,8 +59,8 @@
</div>
{{/if}}
</div>
<div class="navbar-nav mr-auto">
<a id="nav-app-link" href="{{$url}}" class="nav-link">
<div id="nav-app-link-wrapper" class="navbar-nav mr-auto">
<a id="nav-app-link" href="{{$url}}" class="nav-link text-truncate">
{{$sel.name}}
{{if $sitelocation}}
<br><small>{{$sitelocation}}</small>