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

[mempool | blockchain] position changes between main/mining dashboards

Browse Source
This commit is contained in:
nymkappa
2022-02-17 16:09:10 +09:00
parent 2add7fe7f4
commit 4a9959d45f
6 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/app/components/mining-dashboard/mining-dashboard.component.html
View File

@@ -1,13 +1,10 @@
<div class="container-xl dashboard-container">
<!-- lastest blocks -->
<div id="blockchain-container" class="fade-border" dir="ltr" #blockchainContainer>
<app-blockchain [miningInfo]=true></app-blockchain>
</div>
<div class="container-xl">
<!-- lastest blocks -->
<div class="text-center" class="blockchain-wrapper fade-border">
<div class="position-container">
<span>
<app-blockchain-blocks [miningInfo]="true"></app-blockchain-blocks>
</span>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 mt-3">

21
frontend/src/app/components/mining-dashboard/mining-dashboard.component.scss
View File

@@ -29,22 +29,19 @@
}
}
.blockchain-wrapper {
#blockchain-container {
position: relative;
overflow: hidden;
height: 250px;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.position-container {
position: absolute;
top: 75px;
#blockchain-container::-webkit-scrollbar {
display: none;
}
.fade-border {
-webkit-mask-image: linear-gradient(90deg, #000 70%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 80%, transparent 100%)
}