rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Member list is cutting off on screen 

https://github.com/rancher/rancher/issues/16818
This commit is contained in:
n313893254 2018-12-14 18:34:54 +08:00
parent 41571fc72d
commit a34bc3b7c6
3 changed files with 61 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/styles/_rancher.scss
View File

@ -60,6 +60,7 @@
@import "app/styles/components/nav-boxes"; @import "app/styles/components/nav-boxes";
@import "app/styles/components/pipeline"; @import "app/styles/components/pipeline";
@import "app/styles/components/logging"; @import "app/styles/components/logging";
@import "app/styles/components/identity-block";
// Vendor // Vendor
// Pretty much what it says. Vendor specific changes/overrides or includes. // Pretty much what it says. Vendor specific changes/overrides or includes.

8
app/styles/components/_identity-block.scss Normal file
View File

@ -0,0 +1,8 @@
.identity-block {
width: 30vw;
.gh-block-name > div {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}

10
lib/shared/addon/components/identity-block/template.hbs
View File

@ -1,5 +1,6 @@
{{yield}} {{yield}}
{{#if avatar}} <div class="identity-block">
{{#if avatar}}
<div class="gh-avatar"> <div class="gh-avatar">
{{#if principal.avatarSrc}} {{#if principal.avatarSrc}}
{{#if (and principal.profileURL link)}} {{#if (and principal.profileURL link)}}
@ -17,9 +18,9 @@
</div> </div>
{{/if}} {{/if}}
</div> </div>
{{/if}} {{/if}}
<div class="gh-block-content"> <div class="gh-block-content">
<div class="gh-block-name"> <div class="gh-block-name">
{{#if loading}} {{#if loading}}
{{t 'identityBlock.loading'}} {{t 'identityBlock.loading'}}
@ -29,7 +30,7 @@
{{else}} {{else}}
{{#if principal.displayName}} {{#if principal.displayName}}
<div> <div>
{{principal.displayName}} {{#if principal.loginName }}<small>(&nbsp;{{principal.loginName}}&nbsp;)</small>{{/if}} {{principal.displayName}}{{#if principal.loginName }}<small>(&nbsp;{{principal.loginName}}&nbsp;)</small>{{/if}}
</div> </div>
{{else if principal.loginName}} {{else if principal.loginName}}
{{principal.loginName}} {{principal.loginName}}
@ -52,4 +53,5 @@
&nbsp; &nbsp;
{{/if}} {{/if}}
</div> </div>
</div>
</div> </div>