Accounts are now bottom-aligned

This commit is contained in:
Dominik Süß 2016-10-24 23:16:33 +02:00 committed by Simon Michael
parent 9dab7c4148
commit aaf95eb372
2 changed files with 12 additions and 8 deletions

View File

@ -192,13 +192,13 @@ balanceReportAsHtml _ vd@VD{..} (items',total) =
itemAsHtml :: ViewData -> BalanceReportItem -> HtmlUrl AppRoute itemAsHtml :: ViewData -> BalanceReportItem -> HtmlUrl AppRoute
itemAsHtml _ (acct, adisplay, aindent, abal) = [hamlet| itemAsHtml _ (acct, adisplay, aindent, abal) = [hamlet|
<tr> <tr>
<td> <td .acct>
<div .ff-wrapper> <div .ff-wrapper>
\#{indent} \#{indent}
<a href="@?{acctquery}" .#{inacctclass} title="Show transactions affecting this account and subaccounts">#{adisplay} <a href="@?{acctquery}" .#{inacctclass} title="Show transactions affecting this account and subaccounts">#{adisplay}
$if hassubs $if hassubs
<a href="@?{acctonlyquery}" .only .hidden-sm .hidden-xs title="Show transactions affecting this account but not subaccounts">only <a href="@?{acctonlyquery}" .only .hidden-sm .hidden-xs title="Show transactions affecting this account but not subaccounts">only
<td> <td .amnt>
#{mixedAmountAsHtml abal} #{mixedAmountAsHtml abal}
|] |]
where where

View File

@ -121,14 +121,9 @@ ul {
overflow: hidden; overflow: hidden;
white-space:nowrap; white-space:nowrap;
text-overflow:ellipsis; text-overflow:ellipsis;
max-width:200px;
font-size: 16px; font-size: 16px;
} }
@media(max-width:992px){
#sidebar-menu .main-menu td {
max-width: 150px;
}
}
#sidebar-menu .main-menu .ff-wrapper { /* This wrapper is needed because firefox won't apply overflow to a td-tag */ #sidebar-menu .main-menu .ff-wrapper { /* This wrapper is needed because firefox won't apply overflow to a td-tag */
overflow:hidden; overflow:hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
@ -185,6 +180,15 @@ ul {
overflow-x:auto; overflow-x:auto;
} }
#sidebar-menu .main-menu .acct {
width:80%;
vertical-align:bottom;
}
#sidebar-menu .main-menu .amnt {
width:20%;
}
.transactionsreport .nonhead { .transactionsreport .nonhead {
border: none !important; border: none !important;
} }