interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix instance name displaying with long text

This commit is contained in:
Chocobozzz 2018-02-20 14:16:32 +01:00
parent 54a932e82a
commit 8a44f8354e
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/app.component.html
View File

@ -6,7 +6,7 @@
<a id="peertube-title" [routerLink]="['/videos/list']" title="Homepage"> <a id="peertube-title" [routerLink]="['/videos/list']" title="Homepage">
<span class="icon icon-logo"></span> <span class="icon icon-logo"></span>
{{ instanceName }} <span class="instance-name">{{ instanceName }}</span>
</a> </a>
</div> </div>

15
client/src/app/app.component.scss
View File

@ -31,11 +31,12 @@
display: flex; display: flex;
.top-left-block { .top-left-block {
width: $menu-width;
z-index: 1001; z-index: 1001;
height: $header-height; height: $header-height;
display: flex; display: flex;
align-items: center; align-items: center;
flex: 1;
min-width: 0;
.icon { .icon {
@include icon(22px); @include icon(22px);
@ -47,13 +48,21 @@
} }
#peertube-title { #peertube-title {
@include disable-default-a-behaviour;
width: 100%;
font-size: 20px; font-size: 20px;
font-weight: $font-bold; font-weight: $font-bold;
color: inherit !important; color: inherit !important;
display: flex; display: flex;
align-items: center; align-items: center;
overflow: hidden;
@include disable-default-a-behaviour; .instance-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.icon.icon-logo { .icon.icon-logo {
display: inline-block; display: inline-block;
@ -76,8 +85,8 @@
height: $header-height; height: $header-height;
display: flex; display: flex;
align-items: center; align-items: center;
flex-grow: 1;
justify-content: flex-end; justify-content: flex-end;
white-space: nowrap;
} }
} }