|
|
|
@ -1,8 +1,10 @@ |
|
|
|
|
/* Custom Tooltips for Block Details Page */ |
|
|
|
|
|
|
|
|
|
.tooltipCustom { |
|
|
|
|
position: relative; |
|
|
|
|
display: inline-block; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tooltipCustom .tooltiptextTopMiner { |
|
|
|
|
visibility: hidden; |
|
|
|
|
position: absolute; |
|
|
|
@ -20,7 +22,11 @@ |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
opacity: 0; |
|
|
|
|
transition: opacity 0.5s; |
|
|
|
|
@include media-breakpoint-down(sm) { |
|
|
|
|
left: 60%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tooltipCustom .tooltiptextTopMiner::after { |
|
|
|
|
content: ''; |
|
|
|
|
position: absolute; |
|
|
|
@ -31,6 +37,7 @@ |
|
|
|
|
border-style: solid; |
|
|
|
|
border-color: white transparent transparent transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tooltipCustom:hover .tooltiptextTopMiner { |
|
|
|
|
visibility: visible; |
|
|
|
|
opacity: 1; |
|
|
|
@ -53,6 +60,10 @@ |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
opacity: 0; |
|
|
|
|
transition: opacity 0.5s; |
|
|
|
|
@include media-breakpoint-down(sm) { |
|
|
|
|
padding: 9px 10px; |
|
|
|
|
bottom: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tooltipCustom .tooltiptextTopR::after { |
|
|
|
@ -66,9 +77,10 @@ |
|
|
|
|
border-color: $primary transparent transparent transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tooltipCustom:hover .tooltiptextTopR { |
|
|
|
|
visibility: visible; |
|
|
|
|
opacity: 1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Custom Tooltips for Block Details Page end*/ |