Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-11-12 13:35:00 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #5437 from zhoumeina/pr/fix_cardview_title

Browse Source 
Fix Repositories card view title displayed wrong
This commit is contained in:
Mia ZHOU 2018-07-31 12:32:51 +08:00 committed by GitHub
commit 2d9d6202d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/ui_ng/lib/src/_mixin.scss Normal file
View File

@ -0,0 +1,20 @@
@mixin text-overflow
{
overflow: hidden;
text-overflow: ellipsis;
word-wrap:break-word;
white-space: nowrap
}
@mixin text-overflow-param($width) {
width: $width;
@include text-overflow;
}
@mixin grid-left-top-pos{
position: absolute;
z-index: 100;
right: 35px;
margin-top: 4px;
}

2
src/ui_ng/lib/src/repository-gridview/repository-gridview.component.html
View File

@ -55,7 +55,7 @@
<div [ngClass]="{'card-media-block': true, 'wrap': !withAdmiral }">
<img *ngIf="withAdmiral" [src]="getImgLink(item)"/>
<div class="card-media-description">
<span class="card-media-title">{{item.name}}</span>
<span class="card-media-title" [title]="item.name">{{item.name}}</span>
<p class="card-media-text">{{registryUrl}}</p>
</div>
</div>

11
src/ui_ng/lib/src/repository-gridview/repository-gridview.component.scss
View File

@ -1,8 +1,7 @@
@import '../mixin';
.rightPos{
position: absolute;
z-index: 100;
right: 35px;
margin-top: 4px;
@include grid-left-top-pos;
}
.toolbar {
@ -13,7 +12,7 @@
display: inline-block;
height: 16px;
width: 2px;
background-color: #cccccc;
background-color: #ccc;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
@ -41,8 +40,8 @@
}
.card-media-title {
overflow: hidden;
height: 24px;
@include text-overflow;
}
.card-media-text {
overflow: hidden;