inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-09-17 14:21:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

cleanup buttons

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
projects/aca-content/src/lib/components/header-actions/header-actions.component.html
View File

@@ -1,7 +1,7 @@
<div> <div>
<div class="adf-toolbar--spacer adf-toolbar-divider"></div> <div class="adf-toolbar--spacer adf-toolbar-divider"></div>
<span class="action-bar"> <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()" *ngIf="canShowCreateButton()"
[matMenuTriggerFor]="createMenu"> [matMenuTriggerFor]="createMenu">
{{ 'APP.HEADER.BUTTONS.CREATE' | translate }} {{ 'APP.HEADER.BUTTONS.CREATE' | translate }}
@@ -13,7 +13,7 @@
</div> </div>
</mat-menu> </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"> *ngIf="canShowUploadButton()" [matMenuTriggerFor]="uploadMenu">
{{ 'APP.HEADER.BUTTONS.UPLOAD' | translate }} {{ 'APP.HEADER.BUTTONS.UPLOAD' | translate }}
</button> </button>
@@ -28,4 +28,4 @@
</adf-toolbar-divider> </adf-toolbar-divider>
<aca-search-input class="app-search-input"></aca-search-input> <aca-search-input class="app-search-input"></aca-search-input>
</span> </span>
</div> </div>

20
projects/aca-content/src/lib/components/header-actions/header-actions.component.scss
View File

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