diff --git a/CHANGELOG.md b/CHANGELOG.md index f4c6d2b6a0..2c4a8d1e1e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -23,6 +23,7 @@ - [#2012](https://github.com/poanetwork/blockscout/pull/2012) - make all pages pagination async ### Fixes +- [#2077](https://github.com/poanetwork/blockscout/pull/2077) - ui issues - [#2072](https://github.com/poanetwork/blockscout/pull/2072) - Fixed checkmarks not showing correctly in tabs. - [#2066](https://github.com/poanetwork/blockscout/pull/2066) - fixed length of logs search input - [#2056](https://github.com/poanetwork/blockscout/pull/2056) - log search form styles added diff --git a/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss b/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss index 8f89b0700c..f076f14dff 100644 --- a/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss +++ b/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss @@ -3,4 +3,11 @@ $btn-dropdown-line-color: $primary !default; .btn-dropdown-line { @include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color); + outline: none !important; + color: #333; + border-color: #e2e5ec; + &:hover { + background-color: transparent; + color: #333; + } } \ No newline at end of file diff --git a/apps/block_scout_web/assets/css/components/_card.scss b/apps/block_scout_web/assets/css/components/_card.scss index d3f660db16..8b4f1a423c 100644 --- a/apps/block_scout_web/assets/css/components/_card.scss +++ b/apps/block_scout_web/assets/css/components/_card.scss @@ -178,7 +178,9 @@ $card-tab-icon-color-active: #20b760 !default; text-align: center; &:hover { - text-decoration: underline; + background-color: rgba($card-tab-active, .1); + color: $card-tab-active; + text-decoration: none; } @include media-breakpoint-down(md) { diff --git a/apps/block_scout_web/assets/css/components/_dropdown.scss b/apps/block_scout_web/assets/css/components/_dropdown.scss index c93231edbd..998f779ec5 100644 --- a/apps/block_scout_web/assets/css/components/_dropdown.scss +++ b/apps/block_scout_web/assets/css/components/_dropdown.scss @@ -1,6 +1,6 @@ // These styles extend the default Bootstrap styles .dropdown-menu { - border-radius: 8px !important; + border-radius: 0 0 8px 8px !important; border: none; box-shadow: $box-shadow; padding: 0; @@ -32,8 +32,8 @@ } &:first-child { - border-top-left-radius: 8px; - border-top-right-radius: 8px; + border-top-left-radius: 0; + border-top-right-radius: 0; } &:last-child { @@ -46,7 +46,7 @@ &:hover, &:active { padding-left: 10px; - background-color: transparent; + background-color: #fff !important; cursor: default; color: #333; font-weight: 700; diff --git a/apps/block_scout_web/assets/css/components/_modal.scss b/apps/block_scout_web/assets/css/components/_modal.scss index ab2aaab679..4c3cf7f8cf 100644 --- a/apps/block_scout_web/assets/css/components/_modal.scss +++ b/apps/block_scout_web/assets/css/components/_modal.scss @@ -17,12 +17,17 @@ $modal-gray-background: #f6f7f9 !default; padding: #{$modal-vertical-padding} #{$modal-horizontal-padding}; } -.close.close-modal { +.close.close-modal{ left: auto; opacity: 1; position: absolute; right: -35px; top: -35px; + outline: none !important; +} + +.close { + outline: none !important; } .modal-body { diff --git a/apps/block_scout_web/assets/css/theme/_neutral_variables.scss b/apps/block_scout_web/assets/css/theme/_neutral_variables.scss index ac5145fc64..c2232fd0a8 100644 --- a/apps/block_scout_web/assets/css/theme/_neutral_variables.scss +++ b/apps/block_scout_web/assets/css/theme/_neutral_variables.scss @@ -57,3 +57,15 @@ $btn-qr-color: $primary; // btn qr-code // card $card-background-1: $primary; $card-tab-active: $primary; + +.footer { + .tooltip { + .tooltip-inner { + background-color: darken($footer-background-color, 10) !important; + } + .arrow::before { + border-top-color: darken($footer-background-color, 10) !important; + border-bottom-color: darken($footer-background-color, 10) !important; + } + } +} diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex index b03b9f964f..ed22191b1f 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex @@ -16,13 +16,13 @@

<%= gettext("Blockscout is a tool for inspecting and analyzing EVM based blockchains. Blockchain explorer for Ethereum Networks.") %>

- + - + - +
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex index 514422bcc8..bcee6a869a 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex @@ -92,7 +92,7 @@ <%= for %{url: url, title: title} <- test_nets(dropdown_nets()) do %> <%= title %> <% end %> - Other networks + Other Networks <%= for %{url: url, title: title} <- dropdown_other_nets() do %> <%= title %> <% end %> diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex index c323998e3a..7c22762e49 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex @@ -71,18 +71,18 @@
<%= gettext "Block Confirmations" %>
- <%= confirmations(@transaction, block_height: @block_height) %> + <%= confirmations(@transaction, block_height: @block_height) %>
<%= gettext "Nonce" %>
-
<%= @transaction.nonce %>
+
<%= @transaction.nonce %>
<%= gettext "TX Fee" %>
-
+
<%= formatted_fee(@transaction, denomination: :ether) %> <%= if !empty_exchange_rate?(@exchange_rate) do %>