CipherLabs
/
blockscout
mirror of https://github.com/blockscout/blockscout
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added tooltip for more button, explorers logos added

Browse Source
pull/2081/head
maxgrapps 5 years ago
parent 0195642d71
commit 91031ffbc1
4 changed files with 47 additions and 29 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 67
      apps/block_scout_web/assets/css/components/_verify_other_explorers.scss
  2. 4
      apps/block_scout_web/lib/block_scout_web/templates/address/_verify_other_explorer_modal.html.eex
  3. 3
      apps/block_scout_web/lib/block_scout_web/templates/address/_verify_other_explorers.html.eex
  4. 2
      apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex

67
apps/block_scout_web/assets/css/components/_verify_other_explorers.scss
Unescape View File

@ -121,6 +121,7 @@
border-radius: 2px;
margin-top: 10px;
transition: .1s ease-in;
position: relative;
@media (min-width: 768px) {
margin-left: 10px;
margin-top: 0;
@ -134,6 +135,13 @@
fill: #fff;
}
}
span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.verify-other-explorers-dialog {
@ -147,6 +155,40 @@
.verify-other-explorers-modal-row {
display: table-row;
height: 29px;
&:first-child {
.verify-other-explorers-cell.left {
.exp-logo {
@include image-2x('/images/icons/etherscan@2x.png', 15px, 16px);
background-image: url("/images/icons/etherscan.png");
background-repeat: no-repeat;
padding-left: 25px;
background-size: 15px 16px;
}
}
}
&:nth-child(2) {
.verify-other-explorers-cell.left {
.exp-logo {
@include image-2x('/images/icons/blockchair@2x.png', 10px, 16px);
background-image: url("/images/icons/blockchair.png");
background-repeat: no-repeat;
padding-left: 25px;
background-size: 10px 16px;
background-position: left 3px center;
}
}
}
&:nth-child(3) {
.verify-other-explorers-cell.left {
.exp-logo {
@include image-2x('/images/icons/etherchain@2x.png', 16px, 16px);
background-image: url("/images/icons/etherchain.png");
background-repeat: no-repeat;
padding-left: 25px;
background-size: 16px 16px;
}
}
}
}
.verify-other-explorers-cell {
@ -162,28 +204,3 @@
padding-left: 15px;
background-size: 12px 12px;
}
.etherscan-logo {
@include image-2x('/images/icons/etherscan@2x.png', 15px, 16px);
background-image: url("/images/icons/etherscan.png");
background-repeat: no-repeat;
padding-left: 25px;
background-size: 15px 16px;
}
.blockchair-logo {
@include image-2x('/images/icons/blockchair@2x.png', 10px, 16px);
background-image: url("/images/icons/blockchair.png");
background-repeat: no-repeat;
padding-left: 25px;
background-size: 10px 16px;
background-position: left 3px center;
}
.etherchain-logo {
@include image-2x('/images/icons/etherchain@2x.png', 16px, 16px);
background-image: url("/images/icons/etherchain.png");
background-repeat: no-repeat;
padding-left: 25px;
background-size: 16px 16px;
}

4
apps/block_scout_web/lib/block_scout_web/templates/address/_verify_other_explorer_modal.html.eex
Unescape View File

@ -1,6 +1,6 @@
<div class="verify-other-explorers-modal-row">
<div class="verify-other-explorers-cell">
<span class="etherscan-logo">
<div class="verify-other-explorers-cell left">
<span class="exp-logo">
<%= @header %>
</span>
</div>

3
apps/block_scout_web/lib/block_scout_web/templates/address/_verify_other_explorers.html.eex
Unescape View File

@ -6,7 +6,8 @@
<%= render "_verify_other_explorer.html", hash: @hash, type: @type, header: "Etherscan.io", class: "etherscan", address_link: "https://etherscan.io/address/", tx_link: "https://etherscan.io/tx/" %>
<%= render "_verify_other_explorer.html", hash: @hash, type: @type, header: "Blockchair.com", class: "blockchair", address_link: "https://blockchair.com/ethereum/address/", tx_link: "https://blockchair.com/ethereum/transaction/" %>
<%= render "_verify_other_explorer.html", hash: @hash, type: @type, header: "Etherchain.org", class: "etherchain", address_link: "https://www.etherchain.org/account/", tx_link: "https://www.etherchain.org/tx/" %>
<a href="#" class="verify-other-explorers-more" data-toggle="modal" data-target="#explorersModal">
<a href="#" class="verify-other-explorers-more" data-toggle="modal" data-target="#explorersModal" data-placement="top" data-original-title="Explorers">
<span data-toggle="tooltip" data-placement="top" data-original-title="Explorers"></span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="4">
<path fill="#49A2EE" fill-rule="evenodd" d="M16 4a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 4zM9 4A2 2 0 1 1 8.999.001 2 2 0 0 1 9 4zM2 4A2 2 0 1 1 1.999.001 2 2 0 0 1 2 4z"/>
</svg>

2
apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex
Unescape View File

@ -51,7 +51,7 @@
</span>
</div>
<!-- Verify in other explorers -->
<%# <%= render BlockScoutWeb.AddressView, "_verify_other_explorers.html", hash: hash(@transaction), type: "tx" %> %>
<%= render BlockScoutWeb.AddressView, "_verify_other_explorers.html", hash: hash(@transaction), type: "tx" %>
<hr>
<!-- Block Hash -->
<dl class="row">

Write Preview
Loading…
Cancel
Save