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

View File

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

View File

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