diff options
| author |   Aleksandra Maciaga <aleksandra.maciaga@nokia.com> | 2020-02-19 14:30:45 +0100 |
|---|---|---|
| committer |   Ofir Sonsino <ofir.sonsino@intl.att.com> | 2020-02-24 15:21:18 +0000 |
| commit | 04653cfa1b16fa61fb6cf4685978a646eac3a79a (patch) | |
| tree | b018a2fd62dc06d9126d60fc39085eba18981c20 /catalog-ui/src/app | |
| parent | 5c8a8db6fde8ae5d3994fe2360e6143e8b800153 (diff) | |
Fix layout of the artifacts icons
Signed-off-by: Aleksandra Maciaga <aleksandra.maciaga@nokia.com>
Issue-ID: SDC-2095
Change-Id: Ib5bbb214b1b25604db643a0c220aff5a97e7afd6
Diffstat (limited to 'catalog-ui/src/app')
2 files changed, 20 insertions, 11 deletions
diff --git a/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.html b/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.html index 35592d846a..1df318e4a5 100644 --- a/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.html +++ b/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.html @@ -39,15 +39,15 @@ <ngx-datatable-column [resizeable]="false" [flexGrow]="0.6"> <ng-template ngx-datatable-cell-template let-row="row"> <div class="download-artifact-button"> - <svg-icon *ngIf="!row.heatParameters?.length && !state.isViewOnly" class="action-icon" [mode]="'primary2'" [name]="'edit-o'" + <svg-icon *ngIf="!row.heatParameters?.length && !state.isViewOnly" class="action-icon action-icon-1" [mode]="'primary2'" [name]="'edit-o'" testId="edit_{{row.artifactDisplayName}}" clickable="true" size="medium" (click)="addOrUpdateArtifact(row, state.isViewOnly)"></svg-icon> - <svg-icon *ngIf="row.heatParameters?.length && !state.isViewOnly" class="action-icon" [mode]="'primary2'" [name]="'indesign_status'" + <svg-icon *ngIf="row.heatParameters?.length && !state.isViewOnly" class="action-icon action-icon-2" [mode]="'primary2'" [name]="'indesign_status'" testId="update_heat_params_{{row.artifactDisplayName}}" clickable="true" size="medium" (click)="updateEnvParams(row, state.isViewOnly)"></svg-icon> - <svg-icon *ngIf="!row.isFromCsar && !state.isViewOnly" class="action-icon" [mode]="'primary2'" [name]="'trash-o'" + <svg-icon *ngIf="!row.isFromCsar && !state.isViewOnly" class="action-icon action-icon-3" [mode]="'primary2'" [name]="'trash-o'" testId="delete_{{row.artifactDisplayName}}" clickable="true" size="medium" (click)="deleteArtifact(row)"></svg-icon> - <svg-icon *ngIf="row.isGenericBrowseable()" class="action-icon" [mode]="'primary2'" [name]="'search-o'" + <svg-icon *ngIf="row.isGenericBrowseable()" class="action-icon action-icon-4" [mode]="'primary2'" [name]="'search-o'" testId="gab-{{row.artifactDisplayName}}" clickable="true" size="medium" (click)="openGenericArtifactBrowserModal(row)"></svg-icon> <!--Download--> diff --git a/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less b/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less index 22ceb96653..725081c3c0 100644 --- a/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less +++ b/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less @@ -1,6 +1,4 @@ .deployment-artifact-page { - - .env-artifact-container { margin-left: -25px; margin-top: -21px; @@ -15,7 +13,6 @@ border-bottom: 1px #848586 solid; width: 10px; float: left; - } } .add-artifact-btn { @@ -25,12 +22,25 @@ margin-bottom: 10px; } .download-artifact-button { - display: flex; - justify-content: center; + display: grid; + justify-content: start; + grid-template-columns: 20px 20px 20px 20px; .action-icon { margin-right: 10px; } + .action-icon-1 { + grid-column-start: 1; + } + .action-icon-2 { + grid-column-start: 2; + } + .action-icon-3 { + grid-column-start: 3; + } + .action-icon-4 { + grid-column-start: 4; + } } .table-footer-container { @@ -43,7 +53,6 @@ } :host ::ng-deep { - .ngx-datatable { //border: 1px solid red; .datatable-body-cell { @@ -52,4 +61,4 @@ } } } -}
\ No newline at end of file +} |