add titles to iframes, keep one h1 in app and switch headings to similarly styled divs

This commit is contained in:
mchouliara 2024-09-18 09:45:31 +03:00
parent 39a9afe1d5
commit 2146c564b7
17 changed files with 29 additions and 23 deletions

View File

@ -1,5 +1,5 @@
<div class="container-fluid">
<div class="row">
<iframe *ngIf="aboutHTMLUrl" class="iframe" [src]="aboutHTMLUrl"></iframe>
<iframe *ngIf="aboutHTMLUrl" title="about" class="iframe" [src]="aboutHTMLUrl"></iframe>
</div>
</div>

View File

@ -1,7 +1,7 @@
<div class="user-invite-to-tenant-dialog container-fluid" *ngIf="formGroup">
<div class="row align-items-center">
<div class="col">
<h1 class="title">{{'USER-INVITE-TO-TENANT-DIALOG.TITLE' | translate}}</h1>
<div class="title">{{'USER-INVITE-TO-TENANT-DIALOG.TITLE' | translate}}</div>
</div>
<div class="col-auto">
<button mat-icon-button (click)="closeDialog()"><mat-icon>close</mat-icon></button>

View File

@ -2,7 +2,7 @@
<div [ngClass]="{'container contact-component': !isDialog}">
<div *ngIf="!isDialog" class="row">
<div class="col-md-12">
<h1>{{ 'CONTACT.SUPPORT.TITLE' | translate}}</h1>
<div class="title">{{ 'CONTACT.SUPPORT.TITLE' | translate}}</div>
</div>
</div>
<div [ngClass]="{'contact-container': !isDialog}" class="row">

View File

@ -1,6 +1,7 @@
h1 {
.title {
text-align: center;
margin: 2rem 0 1rem 0;
font-size: 3.3125rem;
}
img {

View File

@ -1,7 +1,7 @@
<div class="container-fluid">
<div class="row">
<div class="col-12 pr-0">
<iframe *ngIf="faqHTMLUrl" class="iframe" [src]="faqHTMLUrl"></iframe>
<iframe *ngIf="faqHTMLUrl" title="FAQ content" class="iframe" [src]="faqHTMLUrl"></iframe>
</div>
</div>
</div>

View File

@ -1,5 +1,5 @@
<div class="container-fluid">
<div class="row">
<iframe *ngIf="glossaryHTMLUrl" class="iframe" [src]="glossaryHTMLUrl"></iframe>
<iframe *ngIf="glossaryHTMLUrl" class="iframe" title="glossary content" [src]="glossaryHTMLUrl"></iframe>
</div>
</div>

View File

@ -1,14 +1,16 @@
<ng-container>
<nav class="navbar navbar-expand-lg fixed-navbar">
<div class="container-fluid h-100">
<button class="hamburger change" id="hamburger" (click)="toggleMyNav($event)" title="hide or show navigation sidebar">
<button class="hamburger change" id="hamburger" (click)="toggleMyNav($event)" aria-label="hide or show navigation sidebar">
<div class="icon-bar1"></div>
<div class="icon-bar2"></div>
<div class="icon-bar3"></div>
</button>
<a class="logo mr-auto" [routerLink]="routerUtils.generateUrl(['home'])">
<img class="logo-image" alt="go to homepage" [src]="'../../../assets/images/nav-logo' + configurationService.navLogoExtension">
</a>
<h1 class="logo mr-auto" >
<a [routerLink]="routerUtils.generateUrl(['home'])">
<img class="logo-image" alt="go to homepage" [src]="'../../../assets/images/nav-logo' + configurationService.navLogoExtension">
</a>
</h1>
@if(extraImageURL){
<a class="extra-logo" [routerLink]="routerUtils.generateUrl(['home'])" aria-label="home">
<img alt="logo image" class="extra-logo-image" [src]="extraImageURL">
@ -40,7 +42,7 @@
<li class="navbar-item-lg" *ngIf="isAuthenticated()">
<button mat-button [matMenuTriggerFor]="tenantMenu" class="p-0 lang" aria-label="tenants">
<mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon>
<mat-icon class="m-0">arrow_drop_down</mat-icon>
<mat-icon class="m-0" aria-hidden>arrow_drop_down</mat-icon>
</button>
<mat-menu #tenantMenu="matMenu" class="nav-mat-menu">
<app-tenant-switch class="d-lg-block d-none"></app-tenant-switch>
@ -51,7 +53,7 @@
<app-language (languageChange)="getLanguage($event)"></app-language>
</mat-menu>
<button mat-icon-button matTooltip="{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}" (click)="toggleInAppNotifications()" aria-label="notifications">
<mat-icon aria-hidden="true" [matBadge]="inAppNotificationCount" [matBadgeHidden]="inAppNotificationCount <= 0" matBadgeColor="warn">mail</mat-icon>
<mat-icon aria-hidden [matBadge]="inAppNotificationCount" [matBadgeHidden]="inAppNotificationCount <= 0" matBadgeColor="warn">mail</mat-icon>
</button>
</li>

View File

@ -1,7 +1,7 @@
<div class="plan-invitation-dialog container-fluid" *ngIf="formGroup">
<div class="row align-items-center">
<div class="col">
<h1 class="title">{{'PLAN-USER-INVITATION-DIALOG.TITLE' | translate}}</h1>
<div class="title">{{'PLAN-USER-INVITATION-DIALOG.TITLE' | translate}}</div>
</div>
<div class="col-auto">
<button mat-icon-button (click)="closeDialog()"><mat-icon>close</mat-icon></button>

View File

@ -8,7 +8,7 @@
<div class="content">
<div class="col-12 p-0">
<h1 class="title p-0">{{'START-NEW-PLAN-DIALOG.TITLE' | translate}}</h1>
<div class="title p-0">{{'START-NEW-PLAN-DIALOG.TITLE' | translate}}</div>
</div>
<div class="col-12 p-0">
<p class="text">{{'START-NEW-PLAN-DIALOG.MESSAGE' | translate}}</p>

View File

@ -1,5 +1,5 @@
<div class="container-fluid">
<div class="row">
<iframe *ngIf="cookiePolicyHTMLUrl" class="iframe" [src]="cookiePolicyHTMLUrl"></iframe>
<iframe *ngIf="cookiePolicyHTMLUrl" class="iframe" title="cookie policy" [src]="cookiePolicyHTMLUrl"></iframe>
</div>
</div>

View File

@ -1,7 +1,7 @@
<div class="container terms-component">
<div class="row">
<div class="col-md-12">
<h1>{{ 'OPENSOURCE-LICENCES.TITLE' | translate}}</h1>
<div class="title">{{ 'OPENSOURCE-LICENCES.TITLE' | translate}}</div>
</div>
</div>
<div class="row">

View File

@ -1,6 +1,7 @@
h1 {
.title {
text-align: center;
margin: 2rem 0 1rem 0;
font-size: 3.3125rem;
}
h4 {

View File

@ -1,7 +1,7 @@
<div class="container privacy-component">
<div class="row">
<div class="col-md-12">
<h1>{{ 'PRIVACY-POLICY.TITLE' | translate}}</h1>
<div class="title">{{ 'PRIVACY-POLICY.TITLE' | translate}}</div>
</div>
</div>
<div class="row">

View File

@ -1,5 +1,6 @@
h1 {
.title {
text-align: center;
font-size: 3.3125rem;
}
img {

View File

@ -1,5 +1,5 @@
<div class="container-fluid">
<div class="row">
<iframe *ngIf="termsHTMLUrl" class="iframe" [src]="termsHTMLUrl"></iframe>
<iframe *ngIf="termsHTMLUrl" class="iframe" title="terms of service" [src]="termsHTMLUrl"></iframe>
</div>
</div>

View File

@ -1,11 +1,11 @@
<div class="container-fluid">
<div *ngIf="!isDialog" class="row">
<div class="col-md-12">
<h1>{{ 'GUIDE.TITLE' | translate}}</h1>
<div class="title">{{ 'GUIDE.TITLE' | translate}}</div>
</div>
</div>
<div class="row">
<iframe *ngIf="!useInnerHTML && guideHTMLUrl" class="iframe" id='userguide' [src]="guideHTMLUrl" (load)="onIFrameLoad(iframe)" #iframe></iframe>
<iframe *ngIf="!useInnerHTML && guideHTMLUrl" class="iframe" id='userguide' [src]="guideHTMLUrl" title="user guide" (load)="onIFrameLoad(iframe)" #iframe></iframe>
<span #guide *ngIf="useInnerHTML" id='userguide' [innerHTML]="guideHTML"></span>
</div>
</div>

View File

@ -17,7 +17,8 @@
cursor: pointer !important;
}
h1 {
.title {
text-align: center;
margin: 2rem 0 0 0;
font-size: 3.3125rem;
}