cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix hover and active states for order selector

Browse Source
This commit is contained in:
Claudio Ortolina
2024-12-29 16:55:47 +00:00
parent bb560e4356
commit c7e1be2f2f
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/collection_live/index.html.heex
+10 -4
View File
@@ -13,8 +13,11 @@
<.link <.link
patch={order_path(@record_list_params, :alphabetical)} patch={order_path(@record_list_params, :alphabetical)}
class={[ class={[
"relative inline-flex items-center rounded-l-md bg-white px-3 py-2 text-xs sm:text-sm text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10", "relative inline-flex items-center rounded-l-md",
@record_list_params.order == :alphabetical && "font-bold" "px-3 py-2 text-xs sm:text-sm font-semibold",
"ring-1 ring-inset focus:z-10",
"bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 ring-zinc-300",
@record_list_params.order == :alphabetical && "!bg-zinc-100 dark:!bg-zinc-700"
]} ]}
> >
<.icon name="hero-user-solid" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" /> <.icon name="hero-user-solid" class="mr-1 h-4 w-4" aria-hidden="true" data-slot="icon" />
@@ -23,8 +26,11 @@
<.link <.link
patch={order_path(@record_list_params, :purchase)} patch={order_path(@record_list_params, :purchase)}
class={[ class={[
"relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-xs sm:text-sm text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10", "relative -ml-px inline-flex items-center rounded-r-md",
@record_list_params.order == :purchase && "font-bold" "px-3 py-2 text-xs sm:text-sm font-semibold",
"ring-1 ring-inset focus:z-10",
"bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 ring-zinc-300",
@record_list_params.order == :purchase && "!bg-zinc-100 dark:!bg-zinc-700"
]} ]}
> >
<.icon <.icon
priv/gettext/default.pot
+3 -3
View File
@@ -170,7 +170,7 @@ msgid "Previous"
msgstr "" msgstr ""
#: lib/music_library_web/components/record_components.ex:170 #: lib/music_library_web/components/record_components.ex:170
#: lib/music_library_web/live/collection_live/index.html.heex:36 #: lib/music_library_web/live/collection_live/index.html.heex:42
#: lib/music_library_web/live/wishlist_live/show.html.heex:135 #: lib/music_library_web/live/wishlist_live/show.html.heex:135
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Purchase" msgid "Purchase"
@@ -237,7 +237,7 @@ msgstr ""
msgid "Show" msgid "Show"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:41 #: lib/music_library_web/live/collection_live/index.html.heex:47
#: lib/music_library_web/live/wishlist_live/index.html.heex:12 #: lib/music_library_web/live/wishlist_live/index.html.heex:12
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records" msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records"
@@ -508,7 +508,7 @@ msgstr ""
msgid "Error loading play count" msgid "Error loading play count"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:21 #: lib/music_library_web/live/collection_live/index.html.heex:24
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "A->Z" msgid "A->Z"
msgstr "" msgstr ""