Enable viewing elided transaction descriptions

This commit is contained in:
Saku Laesvuori 2026-01-17 19:46:17 +02:00
parent efdf60263d
commit 3d32a45ffe
2 changed files with 36 additions and 19 deletions

View File

@ -206,7 +206,7 @@ ul {
padding: 5px; padding: 5px;
} }
.transaction .title > * { .transaction-metarow summary > * {
display: inline-block; display: inline-block;
} }
@ -271,11 +271,25 @@ ul {
color: #888; color: #888;
} }
.title .transaction-payee {
display: inline;
}
.transaction .title .transaction-note { .transaction .title .transaction-note {
font-size: 1.3em; font-size: 1.3em;
display: block; display: block;
} }
details.elided-text summary {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
details[open].elided-text summary {
white-space: wrap;
}
.col-any-0 { .col-any-0 {
width:0 !important; width:0 !important;
height:0 !important; height:0 !important;

View File

@ -11,25 +11,28 @@ $if elem AddPermission perms
<li .transaction ##{transactionFrag torig}> <li .transaction ##{transactionFrag torig}>
<div .title title="#{showTransaction torig}"> <div .title title="#{showTransaction torig}">
$with (payee, note) <- payeeAndNoteFromDescription' $ tdescription torig $with (payee, note) <- payeeAndNoteFromDescription' $ tdescription torig
<time .date datetime="#{show (tdate torig)}" nowrap> <details .elided-text .transaction-metarow>
#{show (tdate torig)} <summary>
<div .status> <time .date datetime="#{show (tdate torig)}" nowrap>
$case tstatus torig #{show (tdate torig)}
$of Unmarked <div .status>
<div .status-unmarked title="Tarkistamaton" aria-label="Tarkistamaton"> $case tstatus torig
$of Pending $of Unmarked
<div .status-pending title="Kesken" aria-label="Kesken"> <div .status-unmarked title="Tarkistamaton" aria-label="Tarkistamaton">
$of Cleared $of Pending
<div .status-cleared title="Tarkistettu" aria-label="Tarkistettu"> <div .status-pending title="Kesken" aria-label="Kesken">
$if not $ T.null $ tcode torig $of Cleared
<div .transaction-code> <div .status-cleared title="Tarkistettu" aria-label="Tarkistettu">
(#{tcode torig}) $if not $ T.null $ tcode torig
$if not $ T.null $ T.strip payee <div .transaction-code>
<div .transaction-payee> (#{tcode torig})
#{textElideRight 60 payee} $if not $ T.null $ T.strip payee
<span .transaction-payee>
#{payee}
$if not $ T.null $ T.strip note $if not $ T.null $ T.strip note
<div .transaction-note> <details .transaction-note .elided-text>
#{textElideRight 60 note} <summary>
#{note}
$if null $ filter isVisibleTag $ ttags torig $if null $ filter isVisibleTag $ ttags torig
$else $else