midgard/tab
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

apply fancyness

Browse source
This commit is contained in:
Felix Van der Jeugt 2015-09-17 13:16:13 +02:00
parent 302b50ff63
commit 41970612b2
2 changed files with 31 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/assets/javascripts/transactions.js
View file

@ -16,11 +16,11 @@ ready = function() {
autoWidth: false,
responsive: true,
columns: [
{ data: 'time', name: 'Time', width: "15%", className: 'min-tablet-l'},
{ data: 'amount', name: 'Amount', width: "10%", className: 'min-mobile'},
{ data: 'peer', name: 'Peer', width: "15%", className: 'min-mobile'},
{ data: 'issuer', name: 'Issuer', width: "15%", className: 'min-desktop'},
{ data: 'message', name: 'Message', width: "45%", className: 'min-tablet-p'}
{ data: 'time', name: 'Time', width: "15%", className: 'min-tablet-l date-column'},
{ data: 'amount', name: 'Amount', width: "10%", className: 'min-mobile amount-column'},
{ data: 'peer', name: 'Peer', width: "15%", className: 'min-mobile peer-column'},
{ data: 'issuer', name: 'Issuer', width: "15%", className: 'min-desktop issuer-column'},
{ data: 'message', name: 'Message', width: "45%", className: 'min-tablet-p message-column'}
],
columnDefs: [
{

26
app/assets/stylesheets/transactions.css.scss Normal file
View file

@ -0,0 +1,26 @@
// Alignment of datatable columns.
.date-column,
.amount-column {
text-align: right;
}
.peer-column,
.issuer-column {
text-align: center;
}
.message-column {
text-align: left;
}
// Dates aren't that important
td.date-column {
color: #BBB;
}
// Love them euro signs
td.amount-column:before {
content: '€';
}