Token page mobile view fix

CHANGELOG.md

@@ -10,6 +10,7 @@
 - [#4579](https://github.com/blockscout/blockscout/pull/4579) - Write contract page: Resize inputs; Improve multiplier selector
 
 ### Fixes
+- [#4640](https://github.com/blockscout/blockscout/pull/4640) - Token address line height fix in mobile view
 - [#4612](https://github.com/blockscout/blockscout/pull/4612) - Hide error selector in the contract's functions list
 - [#4615](https://github.com/blockscout/blockscout/pull/4615) - Fix broken style for `View more transfers` button
 - [#4592](https://github.com/blockscout/blockscout/pull/4592) - Add `type` field for `receive` and `fallback` entities of a Smart Contract

apps/block_scout_web/assets/css/components/_tile.scss

@@ -597,11 +597,6 @@ $cube-quantity: 5;
   @include media-breakpoint-down(sm) {
     display: inline-block;
     word-break: break-all;
-  }
-}
-
-.bridged-tokens-buttons-mobile {
-  @include media-breakpoint-down(sm) {
-    margin-top: 0.5em;
+    line-height: 20px;
   }
 }

apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex

@@ -7,19 +7,8 @@
   </td>
   <td class="stakes-td">
     <%= if System.get_env("DISPLAY_TOKEN_ICONS") === "true" do %>
-      <% foreign_chain_id = 
-        if @bridged_token do
-          if Map.has_key?(@bridged_token, :foreign_chain_id), do: @bridged_token.foreign_chain_id, else: nil
-        else
-          nil 
-        end %>
-      <% chain_id_for_token_icon = if foreign_chain_id, do: foreign_chain_id |> Decimal.to_integer() |> to_string(), else: System.get_env("CHAIN_ID") %>
-      <% foreign_token_contract_address_hash = 
-        if @bridged_token do
-          if Map.has_key?(@bridged_token, :foreign_token_contract_address_hash), do: Address.checksum(@bridged_token.foreign_token_contract_address_hash), else: nil
-        else
-          nil 
-        end %>
+      <% chain_id_for_token_icon = System.get_env("CHAIN_ID") %>
+      <% foreign_token_contract_address_hash = nil %>
       <% token_hash_for_token_icon = if foreign_token_contract_address_hash, do: foreign_token_contract_address_hash, else: Address.checksum(@token.contract_address_hash) %>
       <% token_icon_url = Explorer.Chain.get_token_icon_url_by(chain_id_for_token_icon, token_hash_for_token_icon) %>
       <%= if token_icon_url do %>

apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex

@@ -8,7 +8,8 @@
     <div class="card-section col-md-12 col-lg-8 pr-0-md js-ad-dependant-mb-2">
       <div class="card">
         <div class="card-body" token-page data-async-counters="<%= @counters_path %>">
-          <h1 class="card-title">
+          <h1 class="card-title d-flex" style="justify-content: space-between; margin-bottom: 0.75rem">
+            <div style="line-height: 30px;">
               <%= cond do %>
                 <% Enum.member?(circles_addresses_list, address_hash_str) -> %>
                   <div class="custom-dapp-header-container">
@@ -40,8 +41,9 @@
               <% else %>
                 <%= gettext("Token Details") %>
               <% end %>
+            </div>
             <!-- buttons -->
-            <span class="overview-title-buttons token float-right <%= if @token.bridged, do: "bridged-tokens-buttons-mobile", else: "" %>">
+            <span class="overview-title-buttons token float-right">
               <%= render BlockScoutWeb.CommonComponentsView, "_btn_copy.html",
                   additional_classes: ["overview-title-item"],
                   clipboard_text: Address.checksum(@token.contract_address_hash),
@@ -49,6 +51,7 @@
                   title: gettext("Copy Address") %>
               <%= render BlockScoutWeb.CommonComponentsView, "_btn_qr_code.html" %>
             </span>
+          </h1>
           <!-- bridged token -->
           <%= if @token.bridged do %>
             <div class="view-original-token-container">
@@ -62,7 +65,6 @@
               </div>
             <% end %>
           <% end %>
-          </h1>
 
           <h3 class="token-address-mobile"><%= Address.checksum(@token.contract_address_hash) %></h3>
 

apps/block_scout_web/priv/gettext/default.pot

@@ -727,8 +727,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/overview.html.eex:38
 #: lib/block_scout_web/templates/block/overview.html.eex:98
 #: lib/block_scout_web/templates/block/overview.html.eex:99
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:48
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:49
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:50
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:51
 msgid "Copy Address"
 msgstr ""
 
@@ -906,7 +906,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:52
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:83
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:85
 msgid "Decimals"
 msgstr ""
 
@@ -2491,7 +2491,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:10
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:41
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:42
 msgid "Token Details"
 msgstr ""
 
@@ -2591,7 +2591,7 @@ msgid "Total Difficulty"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:95
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:97
 msgid "Total Supply"
 msgstr ""
 
@@ -2898,7 +2898,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:16
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:20
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:75
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:77
 msgid "View Contract"
 msgstr ""
 

apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po

@@ -727,8 +727,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/overview.html.eex:38
 #: lib/block_scout_web/templates/block/overview.html.eex:98
 #: lib/block_scout_web/templates/block/overview.html.eex:99
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:48
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:49
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:50
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:51
 msgid "Copy Address"
 msgstr ""
 
@@ -906,7 +906,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:52
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:83
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:85
 msgid "Decimals"
 msgstr ""
 
@@ -2491,7 +2491,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:10
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:41
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:42
 msgid "Token Details"
 msgstr ""
 
@@ -2591,7 +2591,7 @@ msgid "Total Difficulty"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:95
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:97
 msgid "Total Supply"
 msgstr ""
 
@@ -2898,7 +2898,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:16
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:20
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:75
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:77
 msgid "View Contract"
 msgstr ""
 
@@ -3192,7 +3192,7 @@ msgstr ""
 msgid "xDai burned from transactions included in the block (Base fee (per unit of gas) * Gas Used)."
 msgstr ""
 
-#, elixir-format, fuzzy
+#, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:65
 msgid "Implementation:"
 msgstr ""