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