[FIX] darken table separation lines to match right hand background

This commit is contained in:
Xavier Morel 2015-03-11 14:46:16 +01:00
parent 97da2694df
commit 4a41d8f40d
3 changed files with 41 additions and 26 deletions

View File

@ -60,33 +60,39 @@
null,
React.DOM.table(
{className: 'table table-condensed'},
React.DOM.tr(
React.DOM.thead(
null,
React.DOM.th(),
React.DOM.th({className: 'text-right'}, "Debit"),
React.DOM.th({className: 'text-right'}, "Credit"),
React.DOM.th({className: 'text-right'}, "Balance")),
this.accounts().map(function (data) {
var highlight = lastop.get(data.get('code'));
return React.DOM.tr(
{key: data.get('code')},
React.DOM.th(null,
data.get('level') ? '\u2001 ' : '',
data.get('code'), ' ', data.get('label')),
React.DOM.td({className: React.addons.classSet({
'text-right': true,
'highlight-op': highlight === 'debit'
})}, data.get('debit') || ''),
React.DOM.td({className: React.addons.classSet({
'text-right': true,
'highlight-op': highlight === 'credit'
})}, data.get('credit') || ''),
React.DOM.td(
{className: 'text-right'},
(data.get('debit') - data.get('credit')) || ''
)
);
})
React.DOM.tr(
null,
React.DOM.th(),
React.DOM.th({className: 'text-right'}, "Debit"),
React.DOM.th({className: 'text-right'}, "Credit"),
React.DOM.th({className: 'text-right'}, "Balance"))
),
React.DOM.tbody(
null,
this.accounts().map(function (data) {
var highlight = lastop.get(data.get('code'));
return React.DOM.tr(
{key: data.get('code')},
React.DOM.th(null,
data.get('level') ? '\u2001 ' : '',
data.get('code'), ' ', data.get('label')),
React.DOM.td({className: React.addons.classSet({
'text-right': true,
'highlight-op': highlight === 'debit'
})}, data.get('debit') || ''),
React.DOM.td({className: React.addons.classSet({
'text-right': true,
'highlight-op': highlight === 'credit'
})}, data.get('credit') || ''),
React.DOM.td(
{className: 'text-right'},
(data.get('debit') - data.get('credit')) || ''
)
);
})
)
)
);
},

View File

@ -6864,6 +6864,12 @@ td.field-body > ul {
border-bottom-color: #777777;
border-right-color: #777777;
}
.stripe .section:not(.force-right) > .force-right .table th,
.stripe .section:not(.force-right) > [class*=highlight-] .table th,
.stripe .section:not(.force-right) > .force-right .table td,
.stripe .section:not(.force-right) > [class*=highlight-] .table td {
border-color: #777777;
}
.stripe .section:not(.force-right) > .force-right .highlight,
.stripe .section:not(.force-right) > [class*=highlight-] .highlight {
border-color: #555555;

View File

@ -655,6 +655,9 @@ td.field-body {
border-bottom-color: @separator-right;
border-right-color: @separator-right;
}
.table th, .table td {
border-color: @gray-light;
}
.highlight {
border-color: @gray;
border-style: solid;