Skip to content

Commit

Permalink
Display long tag name with ellipsis
Browse files Browse the repository at this point in the history
Add css classes to add ellipsis when tag name is too long to be
displayed in the table

see: #217
  • Loading branch information
SimonLab committed Nov 29, 2022
1 parent d15e8d8 commit ad887ce
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion lib/app_web/templates/tag/index.html.heex
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,8 @@
<.td>
<span
style={"background-color:#{tag.color}"}
class="text-white font-bold py-1 px-2 rounded-full"
class="w-40 text-white font-bold py-1 px-2 rounded-full
overflow-hidden text-ellipsis whitespace-nowrap inline-block"
>
<%= tag.text %>
</span>
Expand Down

0 comments on commit ad887ce

Please sign in to comment.