[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, null,
React.DOM.table( React.DOM.table(
{className: 'table table-condensed'}, {className: 'table table-condensed'},
React.DOM.tr( React.DOM.thead(
null, null,
React.DOM.th(), React.DOM.tr(
React.DOM.th({className: 'text-right'}, "Debit"), null,
React.DOM.th({className: 'text-right'}, "Credit"), React.DOM.th(),
React.DOM.th({className: 'text-right'}, "Balance")), React.DOM.th({className: 'text-right'}, "Debit"),
this.accounts().map(function (data) { React.DOM.th({className: 'text-right'}, "Credit"),
var highlight = lastop.get(data.get('code')); React.DOM.th({className: 'text-right'}, "Balance"))
return React.DOM.tr( ),
{key: data.get('code')}, React.DOM.tbody(
React.DOM.th(null, null,
data.get('level') ? '\u2001 ' : '', this.accounts().map(function (data) {
data.get('code'), ' ', data.get('label')), var highlight = lastop.get(data.get('code'));
React.DOM.td({className: React.addons.classSet({ return React.DOM.tr(
'text-right': true, {key: data.get('code')},
'highlight-op': highlight === 'debit' React.DOM.th(null,
})}, data.get('debit') || ''), data.get('level') ? '\u2001 ' : '',
React.DOM.td({className: React.addons.classSet({ data.get('code'), ' ', data.get('label')),
'text-right': true, React.DOM.td({className: React.addons.classSet({
'highlight-op': highlight === 'credit' 'text-right': true,
})}, data.get('credit') || ''), 'highlight-op': highlight === 'debit'
React.DOM.td( })}, data.get('debit') || ''),
{className: 'text-right'}, React.DOM.td({className: React.addons.classSet({
(data.get('debit') - data.get('credit')) || '' '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-bottom-color: #777777;
border-right-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) > .force-right .highlight,
.stripe .section:not(.force-right) > [class*=highlight-] .highlight { .stripe .section:not(.force-right) > [class*=highlight-] .highlight {
border-color: #555555; border-color: #555555;

View File

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