upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor synced 2025-04-16 21:20:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

After selecting color, the color button is closed

Browse Source 
Signed-off-by: Cheng <1309173081@qq.com>
This commit is contained in:
Cheng 2018-09-20 11:15:30 +08:00
parent 8250bce9c5
commit 7d9c6287b3
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/portal/lib/src/create-edit-label/create-edit-label.component.html
View File

@ -14,10 +14,8 @@
</label>
<label>
<label for="color">{{'LABEL.COLOR' | translate}}</label>
<clr-dropdown [clrCloseMenuOnItemClick]="false">
<button type="button" class="btn btn-outline btnColor btn-sm" clrDropdownTrigger>
<clr-icon shape="angle down"></clr-icon>
</button>
<clr-dropdown [clrCloseMenuOnItemClick]="false" clrDropdownTrigger>
<clr-icon shape="caret down" class="icon-style"></clr-icon>
<clr-dropdown-menu *clrIfOpen>
<label class="dropdown-item" (click)="labelModel.color=i.color" *ngFor="let i of labelColor"
[class.borderSty]="i.color == '#FFFFFF'" [ngStyle]="{'background-color': i.color, 'color': i.textColor }">Aa</label>

17
src/portal/lib/src/create-edit-label/create-edit-label.component.scss
View File

@ -61,5 +61,22 @@ form {
border: 1px solid #A1A1A1 !important;
line-height: 22px;
}
.icon-style
{
border: 1px solid #0077b7;
cursor: pointer;
border-radius: 3px;
padding: 4px;
width: 25px;
height: 22px;
margin-left: 3px;
color: #0077b7;
}
.icon-style:hover
{
background-color: #e1f1f6;
color:#004a70;
}
}