Closed jmank88 closed 5 years ago
If you want some mobile style:
@media only screen and (max-width: 992px)
.nodeBody>.nodeRow {
padding: 2rem 1rem 4rem;
}
.big-info.chart {
display: none;
}
.nodeBody>.nodeRow:nth-child(odd) {
background: #232323b3;
}
}
take it or leave it -- just gives the rows of nodes a bit more breathing room/difference in background to make them more readable. Also removes the big bars of blue that don't really mean anything on mobile as they rely on hover to show their data.
Updated with row padding and odd backgrounds. I don't want to hide the charts just yet, since I think they can be improved and the tooltips are still accessible right now - created #49 to follow up since this may be a more JS heavy change. Edit: Was breaking on block numbers in the millions - tweaked to fit up to hundreds of millions.
This PR removes the![Screenshot from 2019-05-21 09-34-57](https://user-images.githubusercontent.com/1194128/58105210-b9e61b00-7bab-11e9-8fa6-43be727abc98.png)
max-width: 1000px
limit and adapts the interface to lower resolutions. The biggest change is that the table collapses gracefully, but there are many other small tweaks as well.