From dfe9ef7b4c59b5e3e9d3f3fc19dc9e9db907b5dc Mon Sep 17 00:00:00 2001 From: Yegor San Date: Wed, 28 Aug 2019 17:04:22 +0300 Subject: [PATCH] Re-added internationalization, re-checked all changes on all devices --- .../components/_custom_tooltips_block_details.scss | 14 +++++++++++++- .../assets/css/components/_dashboard-banner.scss | 2 +- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss b/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss index aab1d09cc1..883b699cab 100644 --- a/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss +++ b/apps/block_scout_web/assets/css/components/_custom_tooltips_block_details.scss @@ -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*/ \ No newline at end of file diff --git a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss index bf1ee2be0d..5a6dcc46bd 100644 --- a/apps/block_scout_web/assets/css/components/_dashboard-banner.scss +++ b/apps/block_scout_web/assets/css/components/_dashboard-banner.scss @@ -136,7 +136,7 @@ $dashboard-banner-chart-axis-font-color: $dashboard-stats-item-value-color !defa width: 750px; position: relative; @include media-breakpoint-down(lg) { - margin-top: 15px; + margin-top: 50px; width: 550px; } @include media-breakpoint-down(md) {