Enable viewing elided transaction descriptions
This commit is contained in:
parent
efdf60263d
commit
3d32a45ffe
@ -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;
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user