slaesvuo/hledger
1
0
Fork 0
Code Issues Pull Requests Actions Packages 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> <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>
#{mixedAmountAsHtml abal} #{mixedAmountAsHtml abal}
|] |]

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

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