Table styling

This commit is contained in:
Steve Pettitt
2016-01-30 17:56:04 +00:00
parent 5b73b80e81
commit 92d830b884
3 changed files with 39 additions and 3 deletions

View File

@@ -0,0 +1,36 @@
@import branding
@import mixins
.orders
@include sidepaddingSm
@include panepadding
a
color: $clr-brick
&:hover, &:active, &:focus
color: $clr-brick-med-bright
a.button.primary
&:hover, &:active, &:focus
color: white
.strong
color: $clr-brick
table
tr:nth-of-type(even)
background: transparent // clear previous
tbody.odd
tr
background-color: #f9f9f9
border: none
// Column widths for order table
.order1
width: 25%
.order2
width: 20%
.order3
width: 25%
.order4
width: 10%
.order5
width: 10%
.order6
width: 10%

View File

@@ -15,4 +15,4 @@
color: $clr-turquoise-bright
a.button.primary
&:hover, &:active, &:focus
color: white
color: white

View File

@@ -1,5 +1,5 @@
.row.active_table_row{"ng-if" => "open()","ng-class" => "{'open' : !ofn-i_032-closed-sign()}"}
.columns.small-12.medium-12.large-12.fat
.columns.small-12.large-10.large-offset-2.fat
%table
%tr
%th.order1{"bo-text" => "'transaction' | t"}
@@ -8,7 +8,7 @@
%th.order4{"bo-text" => "'shipping_state' | t"}
%th.order5{"bo-text" => "'value' | t"}
%th.order6{"bo-text" => "'balance' | t"}
%tbody.transaction-group{"ng-repeat" => "order in distributor.distributed_orders"}
%tbody.transaction-group{"ng-repeat" => "order in distributor.distributed_orders", "ng-class-odd"=>"'odd'", "ng-class-even"=>"'even'"}
%tr.order-row
%td.order1
%a{"bo-href" => "order.path", "bo-text" => "('order' | t )+ ' ' + order.number"}