mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-28 17:24:25 +01:00
Code Issues Projects Releases Wiki Activity

Change download button position so it's not hidden on mobile

Browse Source
This commit is contained in:
nymkappa 2022-05-05 17:48:57 +09:00
parent 7a487046b9
commit c62ed62db6
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
14 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.html
View File

@ -1,7 +1,7 @@
<div class="full-container"> <div class="full-container">
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">
<span i18n="mining.block-fee-rates">Block fee rates</span> <span i18n="mining.block-fee-rates">Block fee rates</span>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart()"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart()">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>

4
frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.scss
View File

@ -59,11 +59,11 @@
margin-top: 6px; margin-top: 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media (min-width: 1130px) { @media (min-width: 991px) {
position: relative; position: relative;
top: -65px; top: -65px;
} }
@media (min-width: 830px) and (max-width: 1130px) { @media (min-width: 830px) and (max-width: 991px) {
position: relative; position: relative;
top: 0px; top: 0px;
} }

2
frontend/src/app/components/block-fees-graph/block-fees-graph.component.html
View File

@ -1,7 +1,7 @@
<div class="full-container"> <div class="full-container">
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">
<span i18n="mining.block-fees">Block fees</span> <span i18n="mining.block-fees">Block fees</span>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart()"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart()">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>

4
frontend/src/app/components/block-fees-graph/block-fees-graph.component.scss
View File

@ -59,11 +59,11 @@
margin-top: 6px; margin-top: 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media (min-width: 1130px) { @media (min-width: 991px) {
position: relative; position: relative;
top: -65px; top: -65px;
} }
@media (min-width: 830px) and (max-width: 1130px) { @media (min-width: 830px) and (max-width: 991px) {
position: relative; position: relative;
top: 0px; top: 0px;
} }

2
frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.html
View File

@ -2,7 +2,7 @@
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">
<span i18n="mining.block-rewards">Block rewards</span> <span i18n="mining.block-rewards">Block rewards</span>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart()"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart()">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>

4
frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.scss
View File

@ -59,11 +59,11 @@
margin-top: 6px; margin-top: 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media (min-width: 1130px) { @media (min-width: 991px) {
position: relative; position: relative;
top: -65px; top: -65px;
} }
@media (min-width: 830px) and (max-width: 1130px) { @media (min-width: 830px) and (max-width: 991px) {
position: relative; position: relative;
top: 0px; top: 0px;
} }

2
frontend/src/app/components/hashrate-chart/hashrate-chart.component.html
View File

@ -19,7 +19,7 @@
<div class="card-header mb-0 mb-md-4" [style]="widget ? 'display:none' : ''"> <div class="card-header mb-0 mb-md-4" [style]="widget ? 'display:none' : ''">
<span i18n="mining.hashrate-difficulty">Hashrate & Difficulty</span> <span i18n="mining.hashrate-difficulty">Hashrate & Difficulty</span>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart()"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart()">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>

4
frontend/src/app/components/hashrate-chart/hashrate-chart.component.scss
View File

@ -59,11 +59,11 @@
margin-top: 6px; margin-top: 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media (min-width: 1130px) { @media (min-width: 991px) {
position: relative; position: relative;
top: -65px; top: -65px;
} }
@media (min-width: 830px) and (max-width: 1130px) { @media (min-width: 830px) and (max-width: 991px) {
position: relative; position: relative;
top: 0px; top: 0px;
} }

2
frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.html
View File

@ -2,7 +2,7 @@
<div class="card-header mb-0 mb-md-4"> <div class="card-header mb-0 mb-md-4">
<span i18n="mining.pools-dominance">Mining pools dominance</span> <span i18n="mining.pools-dominance">Mining pools dominance</span>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart()"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart()">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>

4
frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.scss
View File

@ -53,11 +53,11 @@
margin-top: 6px; margin-top: 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media (min-width: 1130px) { @media (min-width: 991px) {
position: relative; position: relative;
top: -65px; top: -65px;
} }
@media (min-width: 830px) and (max-width: 1130px) { @media (min-width: 830px) and (max-width: 991px) {
position: relative; position: relative;
top: 0px; top: 0px;
} }

2
frontend/src/app/components/pool-ranking/pool-ranking.component.html
View File

@ -25,7 +25,7 @@
<div class="card-header" *ngIf="!widget"> <div class="card-header" *ngIf="!widget">
<span i18n="mining.mining-pool-share">Mining pools share</span> <span i18n="mining.mining-pool-share">Mining pools share</span>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart()"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart()">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>

4
frontend/src/app/components/pool-ranking/pool-ranking.component.scss
View File

@ -37,11 +37,11 @@
margin-top: 6px; margin-top: 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media (min-width: 1130px) { @media (min-width: 991px) {
position: relative; position: relative;
top: -65px; top: -65px;
} }
@media (min-width: 830px) and (max-width: 1130px) { @media (min-width: 830px) and (max-width: 991px) {
position: relative; position: relative;
top: 0px; top: 0px;
} }

4
frontend/src/app/components/statistics/statistics.component.html
View File

@ -4,7 +4,7 @@
<div class="card mb-3"> <div class="card mb-3">
<div class="card-header"> <div class="card-header">
<i class="fa fa-area-chart"></i> <span i18n="statistics.memory-by-vBytes">Mempool by vBytes (sat/vByte)</span> <i class="fa fa-area-chart"></i> <span i18n="statistics.memory-by-vBytes">Mempool by vBytes (sat/vByte)</span>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart('mempool')"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart('mempool')">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>
@ -84,7 +84,7 @@
<div class="card-header"> <div class="card-header">
<i class="fa fa-area-chart"></i> <span i18n="statistics.transaction-vbytes-per-second">Transaction vBytes per second (vB/s)</span> <i class="fa fa-area-chart"></i> <span i18n="statistics.transaction-vbytes-per-second">Transaction vBytes per second (vB/s)</span>
</div> </div>
<button class="btn" style="position: absolute; right: 30px" (click)="onSaveChart('incoming')"> <button class="btn" style="margin: 0 0 4px 0px" (click)="onSaveChart('incoming')">
<fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon> <fa-icon [icon]="['fas', 'download']" [fixedWidth]="true"></fa-icon>
</button> </button>

4
frontend/src/app/components/statistics/statistics.component.scss
View File

@ -53,11 +53,11 @@
} }
} }
.formRadioGroup.mining { .formRadioGroup.mining {
@media (min-width: 1130px) { @media (min-width: 991px) {
position: relative; position: relative;
top: -65px; top: -65px;
} }
@media (min-width: 830px) and (max-width: 1130px) { @media (min-width: 830px) and (max-width: 991px) {
position: relative; position: relative;
top: 0px; top: 0px;
} }