1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-05 21:45:23 +02:00

Add text-overflow: ellipsis property for account name display (#1431)

This commit is contained in:
Tony Vincent 2024-11-07 15:42:51 +01:00 committed by GitHub
parent 2722254be9
commit e434ed0e1f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 10 additions and 10 deletions

View file

@ -33,8 +33,8 @@
<% account_trend = account_value_node.series.trend %>
<%= link_to account, class: "flex items-center w-full gap-3 px-3 py-2 mb-1 hover:bg-gray-100 rounded-[10px]" do %>
<%= render "accounts/logo", account: account, size: "sm" %>
<div>
<p class="font-medium"><%= account_value_node.name %></p>
<div class="overflow-hidden">
<p class="font-medium truncate"><%= account_value_node.name %></p>
<% if account.subtype %>
<p class="text-xs text-gray-500"><%= account.subtype&.humanize %></p>
<% end %>

View file

@ -7,11 +7,11 @@
<% if content.present? %>
<%= content %>
<% else %>
<div class="flex items-center gap-3">
<div class="flex items-center gap-3 overflow-hidden">
<%= render "accounts/logo", account: account %>
<div>
<h2 class="font-medium text-xl"><%= title || account.name %></h2>
<div class="truncate">
<h2 class="font-medium text-xl truncate"><%= title || account.name %></h2>
<% if subtitle.present? %>
<p class="text-sm text-gray-500"><%= subtitle %></p>
<% end %>