simonmichael/hledger
1
1
Fork 0
mirror of https://github.com/simonmichael/hledger.git synced 2024-12-27 20:36:07 +03:00
Code Issues Projects Releases Wiki Activity

Increased visibility and now overflowing with ellipsis

Browse Source
This commit is contained in:
Dominik Süß 2016-10-24 21:52:11 +02:00 committed by Simon Michael
parent f8f75cec52
commit 29ad412a2e
2 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
hledger-web/Handler/Common.hs
View File

@ -194,8 +194,8 @@ balanceReportAsHtml _ vd@VD{..} (items',total) =
<div .ff-wrapper>
\#{indent}
<a href="@?{acctquery}" .#{inacctclass} title="Show transactions affecting this account and subaccounts">#{adisplay}
$if hassubs
<a href="@?{acctonlyquery}" .only .hidden-sm .hidden-xs title="Show transactions affecting this account but not subaccounts">only
$if hassubs
<a href="@?{acctonlyquery}" .only .hidden-sm .hidden-xs title="Show transactions affecting this account but not subaccounts">only
<td>
#{mixedAmountAsHtml abal}
|]

25
hledger-web/static/hledger.css
View File

@ -107,15 +107,22 @@ ul {
}
#sidebar-menu .main-menu td {
padding: 1px !important;
border-top: 1px solid #ebebeb;
overflow-x:auto;
overflow: hidden;
white-space:nowrap;
/* text-overflow:ellipsis;*/
text-overflow:ellipsis;
max-width:200px;
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 */
overflow-x:auto;
overflow:hidden;
text-overflow:ellipsis;
}
#sidebar-menu .main-menu .top {
@ -124,9 +131,9 @@ ul {
#sidebar-menu .main-menu a {
display: inline;
font-size: 13px;
font-size: 16px;
font-weight: 500;
color: #999;
color: #2F2F2F;
padding: 4px 20px;
}
@ -140,7 +147,7 @@ ul {
visibility: hidden;
}
#sidebar-menu .main-menu tr:hover > td > .only {
#sidebar-menu .main-menu tr:hover > td > div > .only {
visibility: visible;
}
@ -247,4 +254,8 @@ ul {
top: 0;
width: 90%;
}
#sidebar-menu .main-menu td {
max-width: 200px;
}
}