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

Update _verify_other_explorers.scss

Browse Source
pull/2030/head
maxgrapps 6 years ago committed by GitHub
parent 8652b11de8
commit d307a9bbfe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 156 additions and 2 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. 158
      apps/block_scout_web/assets/css/components/_verify_other_explorers.scss

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

@ -1,33 +1,187 @@
.verify-other-explorers {
display: flex;
margin-top: 26px;
flex-direction: column;
flex-wrap: wrap;
@media (min-width: 768px) {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
@media (min-width: 1200px) {
flex-wrap: nowrap;
}
h2 {
color: #a3a9b5;
font-size: 12px;
font-weight: 400;
line-height: 1.25;
display: inline-flex;
margin-bottom: 12px;
@media (min-width: 1200px) {
margin-right: 10px;
margin-bottom: 0;
}
}
}
.verify-other-explorers-row {
display: flex;
flex-direction: column;
flex-grow: 2;
@media (min-width: 768px) {
flex-direction: row;
}
}
.verify-other-explorers-elem {
display: inline-flex;
border: 1px solid #e2e5ec;
border-radius: 2px;
flex-grow: 2;
@media (min-width: 768px) {
margin-top: 0;
}
@media (min-width: 1200px) {
min-width: 145px;
}
& + .verify-other-explorers-elem {
margin-top: 10px;
@media (min-width: 768px) {
margin-top: 0;
margin-left: 10px;
}
}
.exp-logo {
min-width: 34px;
border-right: 1px solid #e2e5ec;
background-repeat: no-repeat;
background-position: center;
&.etherscan {
@include image-2x('/images/icons/etherscan@2x.png', 15px, 16px);
background-image: url("/images/icons/etherscan.png");
background-size: 15px 16px;
}
&.blockchair {
@include image-2x('/images/icons/blockchair@2x.png', 10px, 16px);
background-image: url("/images/icons/blockchair.png");
background-size: 10px 16px;
}
&.etherchain {
@include image-2x('/images/icons/etherchain@2x.png', 16px, 16px);
background-image: url("/images/icons/etherchain.png");
background-size: 16px 16px;
}
}
.exp-content {
padding: 6px 9px 4px 9px;
h3, div {
font-size: 10px;
line-height: 1;
}
h3 {
color: #333;
font-weight: 400;
margin-bottom: 0;
margin-bottom: 1px;
}
div {
color: #49a2ee;
display: block;
line-height: 1;
text-overflow: ellipsis;
overflow: hidden;
width: 170px;
white-space: nowrap;
@media (min-width: 576px) {
width: 398px;
}
@media (min-width: 768px) {
width: 130px;
}
@media (min-width: 992px) {
width: 90px;
}
@media (min-width: 1200px) {
width: 93px;
}
}
}
}
.verify-other-explorers-more {
min-width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid $secondary;
border-radius: 2px;
margin-top: 10px;
transition: .1s ease-in;
@media (min-width: 768px) {
margin-left: 10px;
margin-top: 0;
}
svg path {
fill: $secondary;
}
&:hover {
background-color: $secondary;
svg path {
fill: #fff;
}
}
}
.verify-other-explorers-dialog {
max-width: 450px;
}
.verify-other-explorers-table {
display: table;
}
.verify-other-explorers-row {
.verify-other-explorers-modal-row {
display: table-row;
height: 29px;
}
.verify-other-explorers-cell {
display: table-cell;
&.left {
min-width: 120px;
}
}
.link {
background-image: url("/images/icons/link.svg");
background-repeat: no-repeat;
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;
}
}

Write Preview
Loading…
Cancel
Save