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