Foodsoft/foodsoft
1
1
Fork 0
Code Issues 36 Pull requests 5 Projects 1 Releases Wiki Activity

Better layout with equal distance from each sides.

Browse source 
* Added css class middle_column
This commit is contained in:
sandoz 2009-08-21 23:37:05 +02:00
parent bbe8caa98a
commit f7e24d26b4
4 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/views/finance/balancing/new.html.haml
View file

@ -10,7 +10,7 @@
= render :partial => "summary", :locals => {:order => @order} = render :partial => "summary", :locals => {:order => @order}
- unless @order.stockit? - unless @order.stockit?
.left_column{:style => 'width: 24em'} .middle_column{:style => 'width: 24em'}
.box_title .box_title
%h2 Rechnung %h2 Rechnung
.column_content#invoice .column_content#invoice

13
public/stylesheets/main.css
View file

@ -143,7 +143,7 @@ span.click-me {
#main { #main {
background: #FFF; background: #FFF;
padding: 0; padding: 0;
margin: 0; } margin: 0 15px 0 15px; }
#infobar { #infobar {
width: 10%; width: 10%;
@ -202,10 +202,10 @@ span.click-me {
#content { #content {
padding: .5em 0 2.5em 0; padding: .5em 0 2.5em 0;
margin: 0 0 0 1em; margin: 0;
background: #FFF; background: #FFF;
font-size: 1.3em; font-size: 1.3em;
width: 95%; width: 100%;
float: left; } float: left; }
/* *********************************** tables */ /* *********************************** tables */
@ -308,8 +308,6 @@ div.box {
border-left: 2px solid #78b74e; border-left: 2px solid #78b74e;
padding-left: 5px; } padding-left: 5px; }
div.single_column, div.left_column, div.right_column {
margin: .5em .5em 1.5em .5em; }
div.single_column { div.single_column {
width: 100%; } width: 100%; }
@ -318,6 +316,11 @@ div.left_column {
width: 40%; width: 40%;
float: left; } float: left; }
div.middle_column {
width: 40%;
margin-left: 10px;
float: left; }
div.right_column { div.right_column {
margin-bottom: 3em; margin-bottom: 3em;
width: 55%; width: 55%;

13
public/stylesheets/print.css
View file

@ -143,7 +143,7 @@ span.click-me {
#main { #main {
background: #FFF; background: #FFF;
padding: 0; padding: 0;
margin: 0; } margin: 0 15px 0 15px; }
#infobar { #infobar {
width: 10%; width: 10%;
@ -202,10 +202,10 @@ span.click-me {
#content { #content {
padding: .5em 0 2.5em 0; padding: .5em 0 2.5em 0;
margin: 0 0 0 1em; margin: 0;
background: #FFF; background: #FFF;
font-size: 1.3em; font-size: 1.3em;
width: 95%; width: 100%;
float: left; } float: left; }
/* *********************************** tables */ /* *********************************** tables */
@ -308,8 +308,6 @@ div.box {
border-left: 2px solid #78b74e; border-left: 2px solid #78b74e;
padding-left: 5px; } padding-left: 5px; }
div.single_column, div.left_column, div.right_column {
margin: .5em .5em 1.5em .5em; }
div.single_column { div.single_column {
width: 100%; } width: 100%; }
@ -318,6 +316,11 @@ div.left_column {
width: 40%; width: 40%;
float: left; } float: left; }
div.middle_column {
width: 40%;
margin-left: 10px;
float: left; }
div.right_column { div.right_column {
margin-bottom: 3em; margin-bottom: 3em;
width: 55%; width: 55%;

14
public/stylesheets/sass/main.sass
View file

@ -159,7 +159,7 @@ span.click-me
#main #main
:background #FFF :background #FFF
:padding 0 :padding 0
:margin 0 :margin 0 15px 0 15px
// ************************************* infobar // ************************************* infobar
#infobar #infobar
@ -223,10 +223,10 @@ span.click-me
// ************************************** content // ************************************** content
#content #content
:padding .5em 0 2.5em 0 :padding .5em 0 2.5em 0
:margin 0 0 0 1em :margin 0
:background #FFF :background #FFF
:font-size 1.3em :font-size 1.3em
:width 95% :width 100%
:float left :float left
@ -339,9 +339,6 @@ div.box
:border-left 2px solid #78b74e :border-left 2px solid #78b74e
:padding-left 5px :padding-left 5px
div.single_column, div.left_column, div.right_column
:margin .5em .5em 1.5em .5em
div.single_column div.single_column
:width 100% :width 100%
@ -349,6 +346,11 @@ div.left_column
:width 40% :width 40%
:float left :float left
div.middle_column
:width 40%
:margin-left 10px
:float left
div.right_column div.right_column
:margin-bottom 3em :margin-bottom 3em
:width 55% :width 55%