mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 22:58:30 +01:00
Code Issues Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/master' into add_failing_test_for_liquid_unconfidential_address

Browse source
This commit is contained in:
Felipe Knorr Kuhn 2021-12-15 08:51:08 -08:00
commit a2a69e522c
No known key found for this signature in database
GPG key ID: 79619B52BB097C1A
2 changed files with 15 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/components/transaction/transaction.component.html
View file

@ -20,8 +20,6 @@
<app-clipboard [text]="txId"></app-clipboard> <app-clipboard [text]="txId"></app-clipboard>
</span> </span>
<span class="grow"></span>
<div class="container-buttons"> <div class="container-buttons">
<ng-template [ngIf]="tx?.status?.confirmed"> <ng-template [ngIf]="tx?.status?.confirmed">
<button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success"> <button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success">
@ -196,7 +194,7 @@
<h2 i18n="transaction.inputs-and-outputs|Transaction inputs and outputs">Inputs & Outputs</h2> <h2 i18n="transaction.inputs-and-outputs|Transaction inputs and outputs">Inputs & Outputs</h2>
</div> </div>
<button type="button" class="btn btn-outline-info btn-sm float-right" (click)="txList.toggleDetails()" i18n="transaction.details|Transaction Details">Details</button> <button type="button" class="btn btn-outline-info details-button btn-sm float-right" (click)="txList.toggleDetails()" i18n="transaction.details|Transaction Details">Details</button>
<div class="clearfix"></div> <div class="clearfix"></div>

32
frontend/src/app/components/transaction/transaction.component.scss
View file

@ -3,25 +3,11 @@
} }
.container-buttons { .container-buttons {
text-align: right; align-self: center;
align-self: start;
width: auto;
margin-right: 15px;
right: 0;
position: absolute;
@media (min-width: 650px) {
right: auto;
margin-right: auto;
position: relative;
}
@media (min-width: 768px) {
align-self: center;
float: right;
}
} }
.title-block { .title-block {
flex-direction: column; flex-wrap: wrap;
@media (min-width: 650px) { @media (min-width: 650px) {
flex-direction: row; flex-direction: row;
} }
@ -32,6 +18,7 @@
} }
.tx-link { .tx-link {
display: flex; display: flex;
flex-grow: 1;
margin-bottom: 0px; margin-bottom: 0px;
margin-top: 8px; margin-top: 8px;
@media (min-width: 650px) { @media (min-width: 650px) {
@ -45,6 +32,9 @@
top: 1px; top: 1px;
position: relative; position: relative;
} }
@media (max-width: 768px) {
order: 3;
}
} }
.td-width { .td-width {
@ -127,7 +117,6 @@
} }
} }
.title { .title {
h2 { h2 {
line-height: 1; line-height: 1;
@ -137,7 +126,14 @@
} }
.btn-outline-info { .btn-outline-info {
margin-top: -10px; margin-top: 5px;
@media (min-width: 768px){
margin-top: 0px;
}
}
.details-button {
margin-top: -5px;
@media (min-width: 768px){ @media (min-width: 768px){
display: inline-block; display: inline-block;
margin-top: 0px; margin-top: 0px;