Fix Titles of modals so they use the whole width

This commit is contained in:
Jason Wall 2024-03-09 13:59:04 -05:00
parent 3a1f5639c6
commit 02cef20cd0
4 changed files with 22 additions and 34 deletions

View File

@ -1,9 +1,7 @@
<div mat-dialog-title> <mat-toolbar>
<mat-toolbar> <mat-icon>save</mat-icon>
<mat-icon>save</mat-icon> <div class="title">Add Card to Saved Page</div>
<div class="title">Add Card to Saved Page</div> </mat-toolbar>
</mat-toolbar>
</div>
<mat-dialog-content class="content"> <mat-dialog-content class="content">
<div class="page-list"> <div class="page-list">
<mat-selection-list #pageList> <mat-selection-list #pageList>
@ -26,7 +24,6 @@
><button ><button
class="page-add-button" class="page-add-button"
mat-icon-button mat-icon-button
mat-button
[disableRipple]="true" [disableRipple]="true"
(click)="addPage()" (click)="addPage()"
> >

View File

@ -1,10 +1,9 @@
<div mat-dialog-title> <mat-toolbar>
<mat-toolbar> <mat-icon>edit</mat-icon>
<mat-icon>edit</mat-icon> <div class="title">Edit: {{ data.title }}</div>
<div class="title">Edit: {{ data.title }}</div> </mat-toolbar>
</mat-toolbar>
</div>
<mat-dialog-content> <mat-dialog-content>
<br />
<form [formGroup]="noteForm"> <form [formGroup]="noteForm">
<mat-form-field class="note-title"> <mat-form-field class="note-title">
<mat-label>Title</mat-label> <mat-label>Title</mat-label>

View File

@ -1,9 +1,7 @@
<div mat-dialog-title> <mat-toolbar>
<mat-toolbar> <mat-icon>save</mat-icon>
<mat-icon>save</mat-icon> <div class="title">{{ dialogTitle }}</div>
<div class="title">{{ dialogTitle }}</div> </mat-toolbar>
</mat-toolbar>
</div>
<mat-dialog-content class="content"> <mat-dialog-content class="content">
<form [formGroup]="form"> <form [formGroup]="form">
<mat-form-field class="page-title"> <mat-form-field class="page-title">

View File

@ -1,18 +1,12 @@
<div mat-dialog-title> <mat-toolbar>
<mat-toolbar> <mat-icon>bookmarks</mat-icon>
<mat-icon>bookmarks</mat-icon> <div class="title">Verse Picker</div>
<div class="title">Verse Picker</div> <span class="close-button">
<span class="close-button"> <button mat-icon-button mat-dialog-close aria-label="Exit the verse picker">
<button <mat-icon>cancel</mat-icon>
mat-icon-button </button>
mat-dialog-close </span>
aria-label="Exit the verse picker" </mat-toolbar>
>
<mat-icon>cancel</mat-icon>
</button>
</span>
</mat-toolbar>
</div>
<mat-dialog-content class="content"> <mat-dialog-content class="content">
<div> <div>
<span *ngIf="hasBook === false"> <span *ngIf="hasBook === false">