1
0
mirror of https://github.com/google/nomulus synced 2026-01-07 14:05:44 +00:00

Fix domain page "not found" layout issue (#2474)

This commit is contained in:
Pavlo Tkach
2024-06-08 07:36:23 -04:00
committed by GitHub
parent 6e68876a14
commit a90a85afae
3 changed files with 32 additions and 31 deletions

View File

@@ -1,6 +1,23 @@
<app-selected-registrar-wrapper> <app-selected-registrar-wrapper>
<div class="console-domains"> <div class="console-app-domains">
<h1 class="mat-headline-4">Domains</h1> <h1 class="mat-headline-4">Domains</h1>
@if (!isLoading && totalResults == 0) {
<div class="console-app__empty-domains">
<h1>
<mat-icon class="console-app__empty-domains-icon secondary-text"
>apps_outage</mat-icon
>
</h1>
<h1>No domains found</h1>
</div>
} @else {
<div class="console-app__domains-table-parent">
@if (isLoading) {
<div class="console-app__domains-spinner">
<mat-spinner />
</div>
} @else {
<a <a
mat-stroked-button mat-stroked-button
color="primary" color="primary"
@@ -23,21 +40,6 @@
#input #input
/> />
</mat-form-field> </mat-form-field>
@if (!isLoading && totalResults == 0) {
<div class="console-app__empty-domains">
<h1>
<mat-icon class="console-app__empty-domains-icon secondary-text"
>apps_outage</mat-icon
>
</h1>
<h1>No domains found</h1>
</div>
} @else {
<div class="console-app__domains-table-parent">
@if (isLoading) {
<div class="console-app__domains-spinner">
<mat-spinner />
</div>
} }
<mat-table <mat-table
[dataSource]="dataSource" [dataSource]="dataSource"

View File

@@ -12,14 +12,11 @@
} }
} }
&-domains { &-domains__download {
position: relative;
&__download {
position: absolute; position: absolute;
top: 0; top: -55px;
right: 0; right: 0;
} }
}
&__domains { &__domains {
width: 100%; width: 100%;
@@ -33,6 +30,8 @@
&__domains-table-parent { &__domains-table-parent {
position: relative; position: relative;
width: fit-content;
min-width: 100%;
} }
&__domains-table { &__domains-table {

View File

@@ -13,7 +13,7 @@
// limitations under the License. // limitations under the License.
import { Injectable, computed, signal } from '@angular/core'; import { Injectable, computed, signal } from '@angular/core';
import { Observable, tap, switchMap } from 'rxjs'; import { Observable, switchMap, tap } from 'rxjs';
import { MatSnackBar } from '@angular/material/snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { Router } from '@angular/router'; import { Router } from '@angular/router';