From cac1f613af1bc2083010e1f44b486243687aa2de Mon Sep 17 00:00:00 2001 From: Dan Janosik Date: Sat, 7 Jul 2018 22:35:02 -0400 Subject: [PATCH] minor style tweaks --- public/css/styling.css | 5 +++++ views/about.pug | 2 +- views/address.pug | 4 ++-- views/block.pug | 2 +- views/browser.pug | 2 +- views/fun.pug | 2 +- views/includes/block-content.pug | 6 +++--- views/layout.pug | 2 +- views/mempool-summary.pug | 8 ++++---- views/node-status.pug | 2 +- views/peers.pug | 8 ++++---- views/terminal.pug | 4 ++-- views/transaction.pug | 14 +++++++------- 13 files changed, 33 insertions(+), 28 deletions(-) diff --git a/public/css/styling.css b/public/css/styling.css index 1e62d96..080357c 100755 --- a/public/css/styling.css +++ b/public/css/styling.css @@ -84,4 +84,9 @@ footer a { footer a:hover { color: white; +} + +.table-striped>tbody>tr:nth-child(odd)>td, +.table-striped>tbody>tr:nth-child(odd)>th { + background-color: #fbfbfb; } \ No newline at end of file diff --git a/views/about.pug b/views/about.pug index 5f3d98a..c01e160 100644 --- a/views/about.pug +++ b/views/about.pug @@ -4,7 +4,7 @@ block headContent title About block content - h1(class="h2") About + h1(class="h3") About hr p This tool is intended to be a simple, self-hosted explorer for the #{coinConfig.name} blockchain, driven by RPC calls to your own node. This tool is easy to run but lacks some features compared to database-backed explorers. diff --git a/views/address.pug b/views/address.pug index 0132966..d1248c3 100644 --- a/views/address.pug +++ b/views/address.pug @@ -6,11 +6,11 @@ block headContent block content if (result && result.validateaddress) if (!result.validateaddress.isvalid) - h1(class="h2 text-danger") Invalid Address + h1(class="h3 text-danger") Invalid Address br small(class="monospace") #{address} else - h1(class="h2") Address + h1(class="h3") Address br small(class="monospace") #{address} diff --git a/views/block.pug b/views/block.pug index 8c1068b..39113c2 100644 --- a/views/block.pug +++ b/views/block.pug @@ -4,7 +4,7 @@ block headContent title Block #{blockHash} block content - h1(class="h2") Block + h1(class="h3") Block small(style="width: 100%;", class="monospace") ##{result.getblock.height.toLocaleString()} br small(style="width: 100%;", class="monospace word-wrap") #{result.getblock.hash} diff --git a/views/browser.pug b/views/browser.pug index 26f1143..ec14bd5 100644 --- a/views/browser.pug +++ b/views/browser.pug @@ -10,7 +10,7 @@ block headContent } block content - h1(class="h2") RPC Browser + h1(class="h3") RPC Browser hr if (gethelp) diff --git a/views/fun.pug b/views/fun.pug index 4bcbe72..23b25d5 100644 --- a/views/fun.pug +++ b/views/fun.pug @@ -4,7 +4,7 @@ block headContent title #{coinConfig.name} Fun block content - h1(class="h2") #{coinConfig.name} Fun + h1(class="h3") #{coinConfig.name} Fun hr p Below is a list of fun/interesting things in the #{coinConfig.name} blockchain. Some are historical firsts, others are just fun or cool. diff --git a/views/includes/block-content.pug b/views/includes/block-content.pug index 65fa550..e92e1af 100644 --- a/views/includes/block-content.pug +++ b/views/includes/block-content.pug @@ -92,7 +92,7 @@ div(class="tab-content") strong(class="text-warning") #{result.getblock.confirmations} else strong(class="text-success") #{result.getblock.confirmations.toLocaleString()} - tr + tr(class="border-bottom") th(class="table-active text-right") Miner td(class="monospace word-wrap") if (result.getblock.miner) @@ -151,7 +151,7 @@ div(class="tab-content") th(class="table-active text-right") Merkle Root td(class="monospace word-wrap") #{result.getblock.merkleroot} - tr + tr(class="border-bottom") th(class="table-active text-right") Chainwork td(class="monospace word-wrap") #{result.getblock.chainwork} @@ -161,7 +161,7 @@ div(class="tab-content") div(class="card-header") div(class="row") div(class="col-md-4") - h2(class="h5 mb-0") #{txCount.toLocaleString()} + h2(class="h6 mb-0") #{txCount.toLocaleString()} if (txCount == 1) span Transaction else diff --git a/views/layout.pug b/views/layout.pug index d844d62..696c33f 100644 --- a/views/layout.pug +++ b/views/layout.pug @@ -82,7 +82,7 @@ html button(type="submit", class="btn btn-primary") i(class="fas fa-search") - if (host && port) + if (host && port) div(id="sub-menu", class="container mb-4", style="margin-top: -1.0rem;") ul(class="nav") li(class="nav-item") diff --git a/views/mempool-summary.pug b/views/mempool-summary.pug index 9daaa75..32cba49 100644 --- a/views/mempool-summary.pug +++ b/views/mempool-summary.pug @@ -4,7 +4,7 @@ block headContent title Mempool Summary block content - h1(class="h2") Mempool Summary + h1(class="h3") Mempool Summary hr if (false) @@ -41,7 +41,7 @@ block content td(class="monospace") #{utils.formatCurrencyAmountInSmallestUnits(mempoolstats["averageFeePerByte"])}/B if (getmempoolinfo.size > 0) - h4 Transactions by fee rate + h2(class="h5") Transactions by fee rate hr if (false) @@ -127,7 +127,7 @@ block content td(class="text-right monospace") - - h4 Transactions by size + h2(class="h5") Transactions by size hr canvas(id="txSizesBarChart", height="100", class="mb-4") @@ -166,7 +166,7 @@ block content } }); - h4 Transactions by age + h2(class="h5") Transactions by age hr canvas(id="txAgesBarChart", height="100", class="mb-4") diff --git a/views/node-status.pug b/views/node-status.pug index 5ee072b..636bda9 100644 --- a/views/node-status.pug +++ b/views/node-status.pug @@ -4,7 +4,7 @@ block headContent title Node Status block content - h1(class="h2") Node Status + h1(class="h3") Node Status hr if (getblockchaininfo) diff --git a/views/peers.pug b/views/peers.pug index a6ae53b..de2b5d2 100644 --- a/views/peers.pug +++ b/views/peers.pug @@ -4,7 +4,7 @@ block headContent title Peers block content - h1(class="h2") Peers + h1(class="h3") Peers hr ul(class='nav nav-tabs mb-3') @@ -17,7 +17,7 @@ block content div(class="tab-content") div(id="tab-summary", class="tab-pane active", role="tabpanel") - h2(class="h3") Versions + h2(class="h5") Versions hr table(class="table table-striped table-responsive-sm mt-4") thead @@ -34,7 +34,7 @@ block content td(class="data-cell") #{item[1].toLocaleString()} - h2(class="h3") Services + h2(class="h5") Services hr table(class="table table-striped table-responsive-sm mt-4") thead @@ -53,7 +53,7 @@ block content div(id="tab-details", class="tab-pane", role="tabpanel") - h2(class="h3") Peers List + h2(class="h5") Peers List hr table(class="table table-striped table-responsive-sm mt-4") thead diff --git a/views/terminal.pug b/views/terminal.pug index fc447f4..770eca0 100644 --- a/views/terminal.pug +++ b/views/terminal.pug @@ -1,9 +1,9 @@ extends layout block content - div(class="row mt-5") + div(class="row") div(class="col") - h1(class="h2") RPC Terminal + h1(class="h3") RPC Terminal div(class="col") if (!config.demoSite && (!config.credentials.rpc || !config.credentials.rpc.rpc)) diff --git a/views/transaction.pug b/views/transaction.pug index 35f72d8..0411aa8 100644 --- a/views/transaction.pug +++ b/views/transaction.pug @@ -10,7 +10,7 @@ block headContent block content if (result && result.getrawtransaction) - h1(class="h2 word-wrap") Transaction + h1(class="h3 word-wrap") Transaction br small(class="monospace") #{txid} hr @@ -61,7 +61,7 @@ block content span a(href=stInfo.referenceUrl) Read more - table(class="table") + table(class="table mb-4") tr th(class="table-active properties-header") Included in Block td(class="monospace word-wrap") @@ -131,13 +131,13 @@ block content strong(class="text-success") #{result.getrawtransaction.confirmations.toLocaleString()} if (result.getrawtransaction.vin[0].coinbase) - tr + tr(class="border-bottom") th(class="table-active properties-header") Network Fees Collected td - var currencyValue = new Decimal(totalOutputValue).minus(totalInputValue); include includes/value-display.pug else - tr + tr(class="border-bottom") th(class="table-active properties-header") Network Fee Paid td(class="monospace") strong @@ -252,8 +252,8 @@ block content include includes/value-display.pug div(id="tab-scripts", class="tab-pane", role="tabpanel") - h3 Input Scripts - table(class="table table-striped") + h3(class="h5") Input Scripts + table(class="table table-striped mb-5") thead tr th(style="width: 50px;") @@ -274,7 +274,7 @@ block content br span(class="word-wrap monospace text-muted") (decoded) #{utils.hex2ascii(vin.coinbase)} - h3 Output Scripts + h3(class="h5") Output Scripts table(class="table table-striped") thead tr