feat(web): add tooltips to icon-only action buttons
This commit is contained in:
parent
bec49f0771
commit
035edae522
10 changed files with 144 additions and 44 deletions
|
|
@ -250,17 +250,19 @@ defmodule MvWeb.GroupLive.Show do
|
|||
<% end %>
|
||||
</div>
|
||||
</form>
|
||||
<.button
|
||||
type="button"
|
||||
variant="primary"
|
||||
phx-click="add_selected_members"
|
||||
data-testid="group-show-add-selected-members-btn"
|
||||
disabled={Enum.empty?(@selected_member_ids)}
|
||||
aria-label={gettext("Add members")}
|
||||
class="join-item"
|
||||
>
|
||||
<.icon name="hero-plus" class="size-5" />
|
||||
</.button>
|
||||
<.tooltip content={gettext("Add members")} position="top">
|
||||
<.button
|
||||
type="button"
|
||||
variant="primary"
|
||||
phx-click="add_selected_members"
|
||||
data-testid="group-show-add-selected-members-btn"
|
||||
disabled={Enum.empty?(@selected_member_ids)}
|
||||
aria-label={gettext("Add members")}
|
||||
class="join-item"
|
||||
>
|
||||
<.icon name="hero-plus" class="size-5" />
|
||||
</.button>
|
||||
</.tooltip>
|
||||
<.button
|
||||
type="button"
|
||||
variant="neutral"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue