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;
} }

38
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;
} }
@ -81,4 +110,3 @@
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;
} }