Scroll to top when paginating on small viewports

This commit is contained in:
Claudio Ortolina
2024-12-16 18:03:26 +00:00
parent 637434b50d
commit c60108292a
2 changed files with 6 additions and 4 deletions
@@ -26,6 +26,7 @@ defmodule MusicLibraryWeb.Pagination do
<.link <.link
:if={@page_links.prev_page} :if={@page_links.prev_page}
patch={"?" <> encode_query(page: @page_links.prev_page, page_size: @pagination_params.page_size, query: @pagination_params.query)} patch={"?" <> encode_query(page: @page_links.prev_page, page_size: @pagination_params.page_size, query: @pagination_params.query)}
phx-click={JS.dispatch("music_library:scroll_top")}
class={[ class={[
"relative inline-flex items-center rounded-md border", "relative inline-flex items-center rounded-md border",
"px-3 py-2 text-sm font-medium", "px-3 py-2 text-sm font-medium",
@@ -39,6 +40,7 @@ defmodule MusicLibraryWeb.Pagination do
<.link <.link
:if={@page_links.next_page} :if={@page_links.next_page}
patch={"?" <> encode_query(page: @page_links.next_page, page_size: @pagination_params.page_size, query: @pagination_params.query)} patch={"?" <> encode_query(page: @page_links.next_page, page_size: @pagination_params.page_size, query: @pagination_params.query)}
phx-click={JS.dispatch("music_library:scroll_top")}
class={[ class={[
"relative ml-3 inline-flex items-center rounded-md border", "relative ml-3 inline-flex items-center rounded-md border",
"px-3 py-2 text-sm font-medium", "px-3 py-2 text-sm font-medium",
+4 -4
View File
@@ -155,8 +155,8 @@ msgstr ""
msgid "MusicBrainz ID" msgid "MusicBrainz ID"
msgstr "" msgstr ""
#: lib/music_library_web/components/pagination.ex:50 #: lib/music_library_web/components/pagination.ex:52
#: lib/music_library_web/components/pagination.ex:114 #: lib/music_library_web/components/pagination.ex:116
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Next" msgid "Next"
msgstr "" msgstr ""
@@ -183,8 +183,8 @@ msgstr ""
msgid "Password" msgid "Password"
msgstr "" msgstr ""
#: lib/music_library_web/components/pagination.ex:37 #: lib/music_library_web/components/pagination.ex:38
#: lib/music_library_web/components/pagination.ex:137 #: lib/music_library_web/components/pagination.ex:139
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Previous" msgid "Previous"
msgstr "" msgstr ""