Scroll to top when paginating on small viewports
This commit is contained in:
@@ -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",
|
||||||
|
|||||||
@@ -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 ""
|
||||||
|
|||||||
Reference in New Issue
Block a user