Hide grid/list button labels on mobile

This commit is contained in:
Claudio Ortolina
2025-10-31 19:31:44 +00:00
parent 12272608bc
commit 17514a5305
2 changed files with 12 additions and 4 deletions
@@ -68,7 +68,9 @@
aria-hidden="true" aria-hidden="true"
data-slot="icon" data-slot="icon"
/> />
{gettext("Grid")} <span class="hidden sm:inline">
{gettext("Grid")}
</span>
</.button> </.button>
<.button <.button
phx-click="set_display" phx-click="set_display"
@@ -79,7 +81,9 @@
]} ]}
> >
<.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" /> <.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("List")} <span class="hidden sm:inline">
{gettext("List")}
</span>
</.button> </.button>
</.button_group> </.button_group>
</div> </div>
@@ -55,7 +55,9 @@
aria-hidden="true" aria-hidden="true"
data-slot="icon" data-slot="icon"
/> />
{gettext("Grid")} <span class="hidden sm:inline">
{gettext("Grid")}
</span>
</.button> </.button>
<.button <.button
phx-click="set_display" phx-click="set_display"
@@ -66,7 +68,9 @@
]} ]}
> >
<.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" /> <.icon name="hero-list-bullet" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("List")} <span class="hidden sm:inline">
{gettext("List")}
</span>
</.button> </.button>
</.button_group> </.button_group>
</div> </div>