inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-04-23 22:30:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: better strings and button positioning

Browse Source
This commit is contained in:
Joshua Cain
2026-04-10 14:19:15 -04:00
parent e72698d93a
commit 8bde1bdd2a
3 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/core/src/lib/i18n/en.json
View File

@@ -89,7 +89,9 @@
},
"BUTTON": {
"PREVIOUS_TAB": "Previous",
"NEXT_TAB": "Next"
"PREVIOUS_TAB_TITLE": "Navigate to previous tab",
"NEXT_TAB": "Next",
"NEXT_TAB_TITLE": "Navigate to next tab"
},
"FIELD_STYLE": {
"FONT_SIZE": "Font size",

4
lib/process-services-cloud/src/lib/form/components/form-cloud.component.html
View File

@@ -98,6 +98,7 @@
<div class="adf-tab-navigation-buttons">
<button
mat-button
[title]="'FORM.BUTTON.PREVIOUS_TAB_TITLE' | translate"
[disabled]="!formRenderer.canNavigatePrevious"
(click)="formRenderer.navigateToPreviousTab()"
data-automation-id="tab-nav-previous-button">
@@ -106,11 +107,12 @@
</button>
<button
mat-button
[title]="'FORM.BUTTON.NEXT_TAB_TITLE' | translate"
[disabled]="!formRenderer.canNavigateNext"
(click)="formRenderer.navigateToNextTab()"
data-automation-id="tab-nav-next-button">
{{ 'FORM.BUTTON.NEXT_TAB' | translate }}
<mat-icon adf-icon="keyboard_arrow_right" />
<mat-icon adf-icon="keyboard_arrow_right" iconPositionEnd />
</button>
</div>
}

23
lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss
View File

@@ -146,22 +146,15 @@
.adf-label {
white-space: normal;
}
}
.adf-tab-navigation-buttons {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
margin-bottom: 8px;
.adf-tab-navigation-buttons {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
button {
display: flex;
align-items: center;
gap: 4px;
}
@media (width <= 600px) {
padding: 12px 16px;
}
@media (width <= 600px) {
padding: 12px 16px;
}
}