diff options
| author |   cyuamber <xuranyjy@chinamobile.com> | 2019-08-21 18:28:53 +0800 |
|---|---|---|
| committer | cyuamber <xuranyjy@chinamobile.com> | 2019-08-22 09:41:56 +0800 |
| commit | 56923755c761897cc86ca2457667fcc3e6a0e43f (patch) | |
| tree | 0960d4586e3631b41760a4d40b1bc4fdcd48873d /usecaseui-portal/src/app/services/services-list/services-list.component.html | |
| parent | 0568ef38b7c3b90ceaea6f2ae43309132a322b1e (diff) | |
style:services-list page style optimization
Change-Id: Ic5f3078b03a2b1dee4d5c0458815c716a1945c86
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/services/services-list/services-list.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/services/services-list/services-list.component.html | 27 |
1 files changed, 19 insertions, 8 deletions
diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.html b/usecaseui-portal/src/app/services/services-list/services-list.component.html index 127d9ad9..d47b342c 100644 --- a/usecaseui-portal/src/app/services/services-list/services-list.component.html +++ b/usecaseui-portal/src/app/services/services-list/services-list.component.html @@ -15,30 +15,41 @@ --> <div class="action ant-tabs-bar"> - <span><i style="margin-right: 10px"><img src="assets/images/customer.png" alt=""></i> {{"i18nTextDefine_Customer" | translate}} : </span> + <span> + <i class="icon"> + <img src="../../../assets/images/customer.png" alt=""> + </i> + {{"i18nTextDefine_Customer" | translate}} : + </span> <nz-dropdown [nzTrigger]="'click'" [nzPlacement]="'bottomLeft'"> <button nz-button nz-dropdown><span>{{customerSelected.name}}</span> <i class="anticon anticon-down"></i> </button> - <ul nz-menu style="min-height:40px;max-height: 200px; overflow: auto;"> + <ul nz-menu> <li nz-menu-item (click)="choseCustomer(item)" *ngFor="let item of customerList"> - <a title="{{item.name}}" style="max-width: 165px; overflow: hidden; text-overflow: ellipsis;">{{item.name}}</a> + <a title="{{item.name}}">{{item.name}}</a> </li> </ul> </nz-dropdown> - <span style="margin-left:40px"><i style="margin-right: 10px"><img src="assets/images/service-type.png" alt=""></i> {{"i18nTextDefine_ServiceType" | translate}} : </span> + <span> + <i class="icon"> + <img src="../../../assets/images/service-type.png"alt=""> + </i> + {{"i18nTextDefine_ServiceType" | translate}} : + </span> <nz-dropdown [nzTrigger]="'click'" [nzPlacement]="'bottomLeft'"> <button nz-button nz-dropdown><span>{{serviceTypeSelected.name}}</span> <i class="anticon anticon-down"></i> </button> - <ul nz-menu style="min-height:40px;max-height: 200px; overflow: auto;"> + <ul nz-menu> <li nz-menu-item (click)="choseServiceType(item)" *ngFor="let item of serviceTypeList"> - <a title="{{item.name}}" style="max-width: 165px; overflow: hidden; text-overflow: ellipsis;">{{item.name}}</a> + <a title="{{item.name}}">{{item.name}}</a> </li> </ul> </nz-dropdown> - <button class="create" nz-button [nzType]="'primary'" (click)="createModal()"><i - class="anticon anticon-plus" style="transform: scale(1.5);line-height: 15px;margin-right: 5px;"></i><span> {{"i18nTextDefine_Create" | translate}} </span> + <button class="create" nz-button [nzType]="'primary'" (click)="createModal()"> + <i *ngIf="width>1200" class="anticon anticon-plus"></i> + <span> {{"i18nTextDefine_Create" | translate}} </span> </button> <nz-modal nzWidth="428" [(nzVisible)]="isVisible" nzTitle=" {{'i18nTextDefine_ServiceCreation' | translate}} " (nzOnCancel)="handleCancel()" |