bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #830 from basecamp/truncate-header-title

Browse Source 
Better truncation for header__titles
This commit is contained in:
Andy Smith
2025-07-30 12:26:24 -05:00
committed by GitHub
parent 1fdb5e02a6 c6587a0562
commit 46b8fd6353
5 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/header.css
+1
View File
@@ -39,6 +39,7 @@
font-size: var(--text-large);
font-weight: 900;
margin: 0 auto;
min-inline-size: 0;
text-align: center;
}
}
app/views/cards/index.html.erb
+2 -2
View File
@@ -21,8 +21,8 @@
<% end %>
<% end %>
</div>
<h1 class="header__title" style="view-transistion-name: card-collection-title">
<span class="overflow-ellipsis"><%= filter_title @filter %></span>
<h1 class="header__title overflow-ellipsis" style="view-transistion-name: card-collection-title">
<%= filter_title @filter %>
</h1>
<div class="header__actions header__actions--end">
<% if collection = @filter.single_collection %>
app/views/cards/show.html.erb
+1 -1
View File
@@ -35,7 +35,7 @@
<header class="header card-perma__collection-header">
<%= link_to cards_path(collection_ids: [ @card.collection ]), class: "header__title btn borderless txt-large", style: "--btn-padding: 0.25ch 1ch 0.25ch 0.75ch; view-transistion-name: card-collection-title;", data: { controller: "hotkey", action: "keydown.esc@document->hotkey#click" } do %>
<span>
<span class="overflow-ellipsis">
&larr;
<strong class="font-black"><%= @card.collection.name %></strong>
</span>
app/views/collections/edit.html.erb
+1 -1
View File
@@ -6,7 +6,7 @@
<%= link_to_back fallback_path: cards_path(collection_ids: [ @bbucket ]) %>
</div>
<h1 class="header__title"><%= @page_title %></h1>
<h1 class="header__title overflow-ellipsis"><%= @page_title %></h1>
<div class="header__actions header__actions--end"></div>
</nav>
app/views/public/cards/show.html.erb
+2 -2
View File
@@ -15,7 +15,7 @@
<% content_for :header do %>
<header class="header card-perma__collection-header">
<%= link_to published_collection_url(@card.collection), class: "header__title btn borderless txt-large", style: "--btn-padding: 0.25ch 1ch 0.25ch 0.75ch; view-transistion-name: card-collection-title;", data: { controller: "hotkey", action: "keydown.esc@document->hotkey#click" } do %>
<span>
<span class="overflow-ellipsis">
&larr;
<strong class="font-black"><%= @card.collection.name %></strong>
</span>
@@ -45,4 +45,4 @@
</footer>
<% end %>
</div>
</section>
</section>