[FIX] darken table separation lines to match right hand background
This commit is contained in:
parent
97da2694df
commit
4a41d8f40d
@ -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')) || ''
|
||||
)
|
||||
);
|
||||
})
|
||||
)
|
||||
)
|
||||
);
|
||||
},
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user