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;
}
.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{
overflow-x: scroll;
}

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

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

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

@ -1,12 +1,38 @@
.table-container {
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
font-size: 13px;
@media(min-width: 576px){
font-size: 16px;
overflow: scroll;
scrollbar-width: none;
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(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;
@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 {
margin: auto 10px;
margin: auto 5px;
padding-left: 10px;
padding-right: 10px;
}