cleanup buttons

This commit is contained in:
Denys Vuika
2023-02-11 18:51:13 -05:00
committed by Yasa-Nataliya
parent a5507fe1f9
commit 24c2f18ffe
2 changed files with 9 additions and 17 deletions

View File

@@ -1,7 +1,7 @@
<div>
<div class="adf-toolbar--spacer adf-toolbar-divider"></div>
<span class="action-bar">
<button class="aca-mat-button aca-create-button" mat-stroked-button data-automation-id="create-button"
<button class="aca-mat-button aca-create-button" mat-button data-automation-id="create-button"
*ngIf="canShowCreateButton()"
[matMenuTriggerFor]="createMenu">
{{ 'APP.HEADER.BUTTONS.CREATE' | translate }}
@@ -13,7 +13,7 @@
</div>
</mat-menu>
<button class="aca-mat-button aca-upload-button" mat-stroked-button data-automation-id="upload-button"
<button class="aca-mat-button aca-upload-button" mat-button data-automation-id="upload-button"
*ngIf="canShowUploadButton()" [matMenuTriggerFor]="uploadMenu">
{{ 'APP.HEADER.BUTTONS.UPLOAD' | translate }}
</button>

View File

@@ -15,6 +15,10 @@
height: 32px !important;
margin: 4px 0 0 12px !important;
}
& > button {
margin-left: 12px;
}
}
.aca-mat-button {
@@ -28,28 +32,16 @@
font-style: normal;
border-radius: 6px;
border: none;
height: 32px;
}
.aca-create-button {
width: 71px !important;
min-width: 71px;
height: 32px;
background-color: var(--theme-create-button-background-color);
color: var(--theme-create-button-text-color);
text-overflow: ellipsis;
display: flex;
padding: 0;
}
.aca-upload-button {
width: 73px !important;
min-width: 73px;
height: 32px;
background-color: var(--theme-upload-button-background-color);
color: var(--theme-upload-button-text-color);
text-overflow: ellipsis;
display: flex;
padding: 0;
margin-left: 12px;
}
}