mirror of
https://github.com/goharbor/harbor.git
synced 2024-09-29 13:57:33 +02:00
After selecting color, the color button is closed
Signed-off-by: Cheng <1309173081@qq.com>
This commit is contained in:
parent
8250bce9c5
commit
7d9c6287b3
@ -14,10 +14,8 @@
|
|||||||
</label>
|
</label>
|
||||||
<label>
|
<label>
|
||||||
<label for="color">{{'LABEL.COLOR' | translate}}</label>
|
<label for="color">{{'LABEL.COLOR' | translate}}</label>
|
||||||
<clr-dropdown [clrCloseMenuOnItemClick]="false">
|
<clr-dropdown [clrCloseMenuOnItemClick]="false" clrDropdownTrigger>
|
||||||
<button type="button" class="btn btn-outline btnColor btn-sm" clrDropdownTrigger>
|
<clr-icon shape="caret down" class="icon-style"></clr-icon>
|
||||||
<clr-icon shape="angle down"></clr-icon>
|
|
||||||
</button>
|
|
||||||
<clr-dropdown-menu *clrIfOpen>
|
<clr-dropdown-menu *clrIfOpen>
|
||||||
<label class="dropdown-item" (click)="labelModel.color=i.color" *ngFor="let i of labelColor"
|
<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>
|
[class.borderSty]="i.color == '#FFFFFF'" [ngStyle]="{'background-color': i.color, 'color': i.textColor }">Aa</label>
|
||||||
|
@ -61,5 +61,22 @@ form {
|
|||||||
border: 1px solid #A1A1A1 !important;
|
border: 1px solid #A1A1A1 !important;
|
||||||
line-height: 22px;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user