[ACS-10233] Corrected headings structure on profile page (#5020)

This commit is contained in:
AleksanderSklorz
2026-01-30 12:22:35 +01:00
committed by GitHub
parent 7c71e8f465
commit 8eabf2ffcf
2 changed files with 11 additions and 4 deletions
@@ -18,7 +18,7 @@
[attr.title]="'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate"> [attr.title]="'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate">
<mat-icon>arrow_back</mat-icon> <mat-icon>arrow_back</mat-icon>
</button> </button>
<h3 class="app-profile">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3> <h2 class="app-profile">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h2>
</div> </div>
</div> </div>
<div class="app-profile-general-row" [formGroup]="profileForm" id="general-dropdown"> <div class="app-profile-general-row" [formGroup]="profileForm" id="general-dropdown">
@@ -31,7 +31,7 @@
[attr.aria-label]="generalSectionButtonTooltip | translate"> [attr.aria-label]="generalSectionButtonTooltip | translate">
<mat-icon>{{ generalSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon> <mat-icon>{{ generalSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>
</button> </button>
<h4 class="app-general-title">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4> <h3 class="app-general-title">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h3>
</div> </div>
@if (!generalSectionEditMode) { @if (!generalSectionEditMode) {
<button <button
@@ -146,7 +146,7 @@
[attr.aria-label]="contactSectionButtonTooltip | translate"> [attr.aria-label]="contactSectionButtonTooltip | translate">
<mat-icon>{{ contactSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon> <mat-icon>{{ contactSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>
</button> </button>
<h4 class="app-general-title">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4> <h3 class="app-general-title">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h3>
</div> </div>
@if (!contactSectionEditMode) { @if (!contactSectionEditMode) {
<button <button
@@ -32,7 +32,8 @@ app-view-profile {
.app-profile { .app-profile {
cursor: pointer; cursor: pointer;
margin-top: 1rem; margin-bottom: 1em;
font-size: 1.17em;
} }
.app-profile-general-row { .app-profile-general-row {
@@ -65,6 +66,12 @@ app-view-profile {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
.app-general-title {
font-size: unset;
margin-bottom: 1.33em;
margin-top: 1.33em;
}
} }
.app-divider { .app-divider {