Optimized for sm devices

This commit is contained in:
Dominik Süß 2016-10-21 18:04:28 +02:00 committed by Simon Michael
parent e9feee098b
commit 533d4ff2b8
2 changed files with 9 additions and 9 deletions

View File

@ -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

View File

@ -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%;
} }
} }