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

Bugfix: Fix bisq dashboard tables overflow. (#733)

Browse Source 
* Fix bisq dashboard tables overflow.

* Fix nav-item mobile margin.
This commit is contained in:
Miguel Medeiros 2021-08-19 11:51:08 -03:00 committed by GitHub
parent ca13d9109c
commit 58af0d78af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 74 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.scss
View File

@ -17,19 +17,6 @@
z-index: 100; z-index: 100;
} }
.table-container {
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
font-size: 13px;
@media(min-width: 576px){
font-size: 16px;
}
&::-webkit-scrollbar {
display: none;
}
}
.container-info{ .container-info{
overflow-x: scroll; overflow-x: scroll;
} }

52
frontend/src/app/bisq/bisq-main-dashboard/bisq-main-dashboard.component.scss
View File

@ -18,15 +18,44 @@
} }
.table-container { .table-container {
font-size: 13px; overflow: scroll;
@media(min-width: 576px){ scrollbar-width: none;
font-size: 16px; font-size: 13px;
&::-webkit-scrollbar {
display: none;
}
@media(min-width: 576px){
font-size: 16px;
}
thead th{
text-align: right;
&:first-child {
text-align: left;
} }
&::-webkit-scrollbar { &:nth-child(3) {
display: none;
@media(min-width: 1100px){
display: table-cell;
}
}
}
tr {
td {
text-align: right;
&:first-child {
text-align: left;
}
&:nth-child(3) {
display: none; display: none;
@media(min-width: 1100px){
display: table-cell;
}
}
} }
}
} }
.chart-container { .chart-container {
height: 300px; height: 300px;
} }
@ -41,44 +70,43 @@
background-color: #1d1f31; background-color: #1d1f31;
height: 100%; height: 100%;
} }
.card-title { .card-title {
color: #4a68b9; color: #4a68b9;
font-size: 1rem; font-size: 1rem;
} }
.info-block { .info-block {
float: left; float: left;
width: 350px; width: 350px;
line-height: 25px; line-height: 25px;
} }
.progress { .progress {
display: inline-flex; display: inline-flex;
width: 100%; width: 100%;
background-color: #2d3348; background-color: #2d3348;
height: 1.1rem; height: 1.1rem;
} }
.bg-warning { .bg-warning {
background-color: #b58800 !important; background-color: #b58800 !important;
} }
.skeleton-loader { .skeleton-loader {
max-width: 100%; max-width: 100%;
&.shorter { &.shorter {
max-width: 150px; max-width: 150px;
} }
} }
.more-padding { .more-padding {
padding: 1.25rem 2rem 1.25rem 2rem; padding: 1.25rem 2rem 1.25rem 2rem;
} }
.graph-card { .graph-card {
height: 100%; height: 100%;
@media (min-width: 992px) { @media (min-width: 992px) {
height: 385px; height: 385px;
} }
} }

40
frontend/src/app/bisq/bisq-trades/bisq-trades.component.scss
View File

@ -1,12 +1,38 @@
.table-container { .table-container {
overflow: scroll; overflow: scroll;
-ms-overflow-style: none; scrollbar-width: none;
scrollbar-width: none; font-size: 13px;
font-size: 13px; &::-webkit-scrollbar {
@media(min-width: 576px){ display: none;
font-size: 16px; }
@media(min-width: 576px){
font-size: 16px;
}
thead th{
text-align: right;
&:first-child{
text-align: left;
} }
&::-webkit-scrollbar { &:nth-child(2) {
display: none;
@media(min-width: 1100px){
display: table-cell;
}
}
}
tr {
td {
text-align: right;
&:first-child{
text-align: left;
}
&:nth-child(2) {
display: none; display: none;
@media(min-width: 1100px){
display: table-cell;
}
}
} }
}
} }

2
frontend/src/app/components/bisq-master-page/bisq-master-page.component.scss
View File

@ -12,7 +12,7 @@ fa-icon {
} }
li.nav-item { li.nav-item {
margin: auto 10px; margin: auto 5px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }