machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix acceleration list css, move to /acceleration/list

Browse Source
This commit is contained in:
Mononaut 2024-01-27 16:45:18 +00:00
parent 520e79aec4
commit a79e1aec1c
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
4 changed files with 64 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/acceleration/acceleration-fees-graph/acceleration-fees-graph.component.ts
View File

@ -66,7 +66,6 @@ export class AccelerationFeesGraphComponent implements OnInit, OnDestroy {
} }
ngOnInit(): void { ngOnInit(): void {
this.seoService.setTitle($localize`:@@bcf34abc2d9ed8f45a2f65dd464c46694e9a181e:Acceleration Fees`);
this.isLoading = true; this.isLoading = true;
if (this.widget) { if (this.widget) {
this.miningWindowPreference = '1m'; this.miningWindowPreference = '1m';
@ -86,6 +85,7 @@ export class AccelerationFeesGraphComponent implements OnInit, OnDestroy {
}), }),
); );
} else { } else {
this.seoService.setTitle($localize`:@@bcf34abc2d9ed8f45a2f65dd464c46694e9a181e:Acceleration Fees`);
this.miningWindowPreference = this.miningService.getDefaultTimespan('1w'); this.miningWindowPreference = this.miningService.getDefaultTimespan('1w');
this.radioGroupForm = this.formBuilder.group({ dateSpan: this.miningWindowPreference }); this.radioGroupForm = this.formBuilder.group({ dateSpan: this.miningWindowPreference });
this.radioGroupForm.controls.dateSpan.setValue(this.miningWindowPreference); this.radioGroupForm.controls.dateSpan.setValue(this.miningWindowPreference);

106
frontend/src/app/components/acceleration/accelerations-list/accelerations-list.component.scss
View File

@ -63,66 +63,82 @@ tr, td, th {
} }
.txid { .txid {
width: 25%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 30%;
@media (max-width: 1060px) and (min-width: 768px) {
display: none;
}
@media (max-width: 500px) { @media (max-width: 500px) {
display: none; display: none;
} }
} }
.fee-rate { .fee, .block, .status {
width: 20%; width: 15%;
@media (max-width: 1060px) and (min-width: 768px) {
text-align: start !important; @media (max-width: 720px) {
} width: 20%;
@media (max-width: 500px) {
text-align: start !important;
}
@media (max-width: 840px) and (min-width: 768px) {
display: none;
}
@media (max-width: 410px) {
display: none;
} }
} }
.bid { .widget {
width: 30%; .txid {
min-width: 150px; width: 30%;
@media (max-width: 840px) and (min-width: 768px) { overflow: hidden;
text-align: start !important; text-overflow: ellipsis;
white-space: nowrap;
max-width: 30%;
@media (max-width: 1060px) and (min-width: 768px) {
display: none;
}
@media (max-width: 500px) {
display: none;
}
} }
@media (max-width: 410px) {
text-align: start !important; .fee-rate {
width: 20%;
@media (max-width: 1060px) and (min-width: 768px) {
text-align: start !important;
}
@media (max-width: 500px) {
text-align: start !important;
}
@media (max-width: 840px) and (min-width: 768px) {
display: none;
}
@media (max-width: 410px) {
display: none;
}
} }
}
.time { .bid {
width: 25%; width: 30%;
} min-width: 150px;
@media (max-width: 840px) and (min-width: 768px) {
.fee { text-align: start !important;
width: 35%; }
@media (max-width: 1060px) and (min-width: 768px) { @media (max-width: 410px) {
text-align: start !important; text-align: start !important;
}
} }
@media (max-width: 500px) {
text-align: start !important; .time {
width: 25%;
} }
}
.block { .fee {
width: 20%; width: 30%;
} @media (max-width: 1060px) and (min-width: 768px) {
text-align: start !important;
}
@media (max-width: 500px) {
text-align: start !important;
}
}
.status { .block {
width: 20% width: 20%;
}
.status {
width: 20%
}
} }
/* Tooltip text */ /* Tooltip text */

2
frontend/src/app/components/acceleration/accelerator-dashboard/accelerator-dashboard.component.html
View File

@ -80,7 +80,7 @@
<div class="col"> <div class="col">
<div class="card list-card"> <div class="card list-card">
<div class="card-body"> <div class="card-body">
<a class="title-link" href="" [routerLink]="['/acceleration-list' | relativeUrl]"> <a class="title-link" href="" [routerLink]="['/acceleration/list' | relativeUrl]">
<h5 class="card-title d-inline" i18n="dashboard.recent-accelerations">Recent Accelerations</h5> <h5 class="card-title d-inline" i18n="dashboard.recent-accelerations">Recent Accelerations</h5>
<span>&nbsp;</span> <span>&nbsp;</span>
<fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: #4a68b9"></fa-icon> <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: #4a68b9"></fa-icon>

2
frontend/src/app/graphs/graphs.routing.module.ts
View File

@ -52,7 +52,7 @@ const routes: Routes = [
] ]
}, },
{ {
path: 'acceleration-list', path: 'acceleration/list',
data: { networks: ['bitcoin'] }, data: { networks: ['bitcoin'] },
component: AccelerationsListComponent, component: AccelerationsListComponent,
}, },