diff --git a/CHANGELOG.md b/CHANGELOG.md index fbfd303e01..5ecb9ae546 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ ### Fixes +- [#2019](https://github.com/poanetwork/blockscout/pull/2019) - Fixed the missing tx hashes. - [#2020](https://github.com/poanetwork/blockscout/pull/2020) - Fixed a bug triggered when a second click to a selected tab caused the other tabs to hide. - [#1944](https://github.com/poanetwork/blockscout/pull/1944) - fixed styles for token's dropdown. - [#1926](https://github.com/poanetwork/blockscout/pull/1926) - status label alignment diff --git a/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss b/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss index 435dc3e235..41cfc89a5a 100644 --- a/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss +++ b/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss @@ -1,65 +1,47 @@ .token-tile-view-more { - line-height: 0.5; + align-items: center; + display: flex; + justify-content: space-between; + line-height: 1.2; + padding-top: 10px; text-align: center; - &:hover, - :focus { + a { text-decoration: none; } -} - -.token-tile-view-more span { - display: inline-block; - position: relative; -} -.token-tile-view-more span:before, -.token-tile-view-more span:after { - content: ""; - position: absolute; - height: 5px; - border-bottom: 1px solid $border-color; - border-top: 1px solid $border-color; - top: 0; - width: 43%; -} - -.token-tile-view-more span:before { - right: 55%; - margin-right: 0.9375rem; -} + &:before, + &:after { + border-bottom: 1px solid $border-color; + border-top: 1px solid $border-color; + content: ""; + height: 4px; + flex-grow: 1; -.token-tile-view-more span:after { - left: 55%; - margin-left: 0.9375rem; -} + @include media-breakpoint-down(md) { + } -@include media-breakpoint-down(md) { - .token-tile-view-more span:before, - .token-tile-view-more span:after { - width: 40%; + @include media-breakpoint-down(sm) { + } } - .token-tile-view-more span:before { - right: 58%; - } + &:before { + margin-right: 10px; - .token-tile-view-more span:after { - left: 58%; - } -} + @include media-breakpoint-down(md) { + } -@include media-breakpoint-down(sm) { - .token-tile-view-more span:before, - .token-tile-view-more span:after { - width: 28%; + @include media-breakpoint-down(sm) { + } } - .token-tile-view-more span:before { - right: 66%; - } + &:after { + margin-left: 10px; + + @include media-breakpoint-down(md) { + } - .token-tile-view-more span:after { - left: 66%; + @include media-breakpoint-down(sm) { + } } } diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex index 9ff19a9e5d..e8d52b25f4 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex @@ -50,11 +50,9 @@ <%= if Enum.any?(remaining_token_transfers) do %> -
- +
<%= link gettext("View More Transfers"), to: "#transaction-#{@transaction.hash}", "data-toggle": "collapse", "data-selector": "token-transfer-open", "data-test": "token_transfers_expansion" %> <%= link gettext("View Less Transfers"), class: "d-none", to: "#transaction-#{@transaction.hash}", "data-toggle": "collapse", "data-selector": "token-transfer-close" %> -
<% end %> <% end %> diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot index 38261f6cac..9f3c9066cf 100644 --- a/apps/block_scout_web/priv/gettext/default.pot +++ b/apps/block_scout_web/priv/gettext/default.pot @@ -452,7 +452,7 @@ msgstr "" #, elixir-format #: lib/block_scout_web/templates/internal_transaction/_tile.html.eex:39 -#: lib/block_scout_web/templates/transaction/_tile.html.eex:76 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:74 msgid "IN" msgstr "" @@ -597,7 +597,7 @@ msgstr "" #, elixir-format #: lib/block_scout_web/templates/internal_transaction/_tile.html.eex:37 -#: lib/block_scout_web/templates/transaction/_tile.html.eex:72 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:70 msgid "OUT" msgstr "" @@ -980,12 +980,12 @@ msgid "View Contract" msgstr "" #, elixir-format -#: lib/block_scout_web/templates/transaction/_tile.html.eex:56 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:55 msgid "View Less Transfers" msgstr "" #, elixir-format -#: lib/block_scout_web/templates/transaction/_tile.html.eex:55 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:54 msgid "View More Transfers" msgstr "" diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po index 62bbed2f37..6834f8af2d 100644 --- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po +++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po @@ -452,7 +452,7 @@ msgstr "" #, elixir-format #: lib/block_scout_web/templates/internal_transaction/_tile.html.eex:39 -#: lib/block_scout_web/templates/transaction/_tile.html.eex:76 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:74 msgid "IN" msgstr "" @@ -597,7 +597,7 @@ msgstr "" #, elixir-format #: lib/block_scout_web/templates/internal_transaction/_tile.html.eex:37 -#: lib/block_scout_web/templates/transaction/_tile.html.eex:72 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:70 msgid "OUT" msgstr "" @@ -980,12 +980,12 @@ msgid "View Contract" msgstr "" #, elixir-format -#: lib/block_scout_web/templates/transaction/_tile.html.eex:56 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:55 msgid "View Less Transfers" msgstr "" #, elixir-format -#: lib/block_scout_web/templates/transaction/_tile.html.eex:55 +#: lib/block_scout_web/templates/transaction/_tile.html.eex:54 msgid "View More Transfers" msgstr "" @@ -1107,6 +1107,7 @@ msgstr "" msgid "GraphQL" msgstr "" +#, elixir-format #: lib/block_scout_web/templates/pending_transaction/index.html.eex:32 msgid "Loading" msgstr ""