add titles to iframes, keep one h1 in app and switch headings to similarly styled divs
This commit is contained in:
parent
39a9afe1d5
commit
2146c564b7
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
h1 {
|
||||
.title {
|
||||
text-align: center;
|
||||
margin: 2rem 0 1rem 0;
|
||||
font-size: 3.3125rem;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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">
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
h1 {
|
||||
.title {
|
||||
text-align: center;
|
||||
margin: 2rem 0 1rem 0;
|
||||
font-size: 3.3125rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
h1 {
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 3.3125rem;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -17,7 +17,8 @@
|
|||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
h1 {
|
||||
.title {
|
||||
text-align: center;
|
||||
margin: 2rem 0 0 0;
|
||||
font-size: 3.3125rem;
|
||||
}
|
Loading…
Reference in New Issue