Optimized for sm devices
This commit is contained in:
parent
e9feee098b
commit
533d4ff2b8
@ -36,7 +36,7 @@ hledgerLayout vd title content = do
|
|||||||
toWidget [hamlet|
|
toWidget [hamlet|
|
||||||
^{topbar vd}
|
^{topbar vd}
|
||||||
^{sidebar vd}
|
^{sidebar vd}
|
||||||
<div #main-content .col-md-8 .col-xs-12 .col-sm-12>
|
<div #main-content .col-md-8 .col-xs-12 .col-sm-8>
|
||||||
^{searchform vd}
|
^{searchform vd}
|
||||||
^{content}
|
^{content}
|
||||||
|]
|
|]
|
||||||
@ -57,7 +57,7 @@ topbar VD{..} = [hamlet|
|
|||||||
sidebar :: ViewData -> HtmlUrl AppRoute
|
sidebar :: ViewData -> HtmlUrl AppRoute
|
||||||
sidebar vd@VD{..} =
|
sidebar vd@VD{..} =
|
||||||
[hamlet|
|
[hamlet|
|
||||||
<div #sidebar-menu .col-md-4 .sidebar-offcanvas>
|
<div #sidebar-menu .col-md-4 .col-sm-4 .sidebar-offcanvas>
|
||||||
<ul .main-menu .nav .nav-stacked .affix-top>
|
<ul .main-menu .nav .nav-stacked .affix-top>
|
||||||
<li .top>
|
<li .top>
|
||||||
<a href=@{JournalR} title="Show general journal entries, most recent first">Journal
|
<a href=@{JournalR} title="Show general journal entries, most recent first">Journal
|
||||||
@ -179,7 +179,7 @@ balanceReportAsHtml _ vd@VD{..} (items',total) =
|
|||||||
\#{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 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
|
||||||
<span .balance>#{mixedAmountAsHtml abal}
|
<span .balance>#{mixedAmountAsHtml abal}
|
||||||
|]
|
|]
|
||||||
where
|
where
|
||||||
|
|||||||
@ -178,7 +178,7 @@ ul {
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 992px) {
|
@media screen and (max-width: 768px) {
|
||||||
.row-offcanvas {
|
.row-offcanvas {
|
||||||
position: relative;
|
position: relative;
|
||||||
-webkit-transition: all .25s ease-out;
|
-webkit-transition: all .25s ease-out;
|
||||||
@ -196,25 +196,25 @@ ul {
|
|||||||
|
|
||||||
.row-offcanvas-right
|
.row-offcanvas-right
|
||||||
.sidebar-offcanvas {
|
.sidebar-offcanvas {
|
||||||
right: -90%; /* 4 columns */
|
right: -90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row-offcanvas-left
|
.row-offcanvas-left
|
||||||
.sidebar-offcanvas {
|
.sidebar-offcanvas {
|
||||||
left: -90%; /* 6 columns */
|
left: -90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row-offcanvas-right.active {
|
.row-offcanvas-right.active {
|
||||||
right: 90%; /* 6 columns */
|
right: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row-offcanvas-left.active {
|
.row-offcanvas-left.active {
|
||||||
left: 90%; /* 6 columns */
|
left: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-offcanvas {
|
.sidebar-offcanvas {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 90%; /* 6 columns */
|
width: 90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user