mirrors/nomulus
1
0
Fork 0
mirror of https://github.com/google/nomulus synced 2026-01-01 18:55:39 +00:00
Code Issues Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

34
console-webapp/src/app/domains/domainList.component.html
View File

@@ -1,6 +1,23 @@
<app-selected-registrar-wrapper>
<div class="console-domains">
<div class="console-app-domains">
<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
mat-stroked-button
color="primary"
@@ -23,21 +40,6 @@
#input
/>
</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
[dataSource]="dataSource"

9
console-webapp/src/app/domains/domainList.component.scss
View File

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

2
console-webapp/src/app/registrar/registrar.service.ts
View File

@@ -13,7 +13,7 @@
// limitations under the License.
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 { Router } from '@angular/router';