knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#384,ux][s]: tweak look of delete row buttons in slickgrid.

Browse Source
This commit is contained in:
Rufus Pollock
2014-03-04 21:07:53 +00:00
parent 529a254544
commit c38e1aacdc
4 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/slickgrid.css
View File

@@ -165,3 +165,11 @@ classes should alter those!
cursor: pointer; cursor: pointer;
} }
.recline-slickgrid .recline-row-delete {
font-size: 12px;
padding: 2px;
width: 22px;
height: 14px;
line-height: 13px;
}

8
dist/recline.css vendored
View File

@@ -614,6 +614,14 @@ classes should alter those!
cursor: pointer; cursor: pointer;
} }
.recline-slickgrid .recline-row-delete {
font-size: 12px;
padding: 2px;
width: 22px;
height: 14px;
line-height: 13px;
}
.recline-timeline { .recline-timeline {
position: relative; position: relative;
} }

9
dist/recline.js vendored
View File

@@ -3434,8 +3434,9 @@ my.SlickGrid = Backbone.View.extend({
// Template for row delete menu , change it if you don't love // Template for row delete menu , change it if you don't love
this.templates = { this.templates = {
"deleterow" : '<a href="#" class="recline-row-delete btn">X</a>' "deleterow" : '<a href="#" class="recline-row-delete btn" title="Delete row">X</a>'
} };
_.bindAll(this, 'render', 'onRecordChanged'); _.bindAll(this, 'render', 'onRecordChanged');
this.listenTo(this.model.records, 'add remove reset', this.render); this.listenTo(this.model.records, 'add remove reset', this.render);
this.listenTo(this.model.records, 'change', this.onRecordChanged); this.listenTo(this.model.records, 'change', this.onRecordChanged);
@@ -3521,10 +3522,10 @@ my.SlickGrid = Backbone.View.extend({
&& this.state.get("gridOptions").enabledDelRow == true ){ && this.state.get("gridOptions").enabledDelRow == true ){
columns.push({ columns.push({
id: 'del', id: 'del',
name: 'del', name: '',
field: 'del', field: 'del',
sortable: true, sortable: true,
width: 80, width: 38,
formatter: formatter, formatter: formatter,
validator:validator validator:validator
})} })}

9
src/view.slickgrid.js
View File

@@ -73,8 +73,9 @@ my.SlickGrid = Backbone.View.extend({
// Template for row delete menu , change it if you don't love // Template for row delete menu , change it if you don't love
this.templates = { this.templates = {
"deleterow" : '<a href="#" class="recline-row-delete btn">X</a>' "deleterow" : '<a href="#" class="recline-row-delete btn" title="Delete row">X</a>'
} };
_.bindAll(this, 'render', 'onRecordChanged'); _.bindAll(this, 'render', 'onRecordChanged');
this.listenTo(this.model.records, 'add remove reset', this.render); this.listenTo(this.model.records, 'add remove reset', this.render);
this.listenTo(this.model.records, 'change', this.onRecordChanged); this.listenTo(this.model.records, 'change', this.onRecordChanged);
@@ -160,10 +161,10 @@ my.SlickGrid = Backbone.View.extend({
&& this.state.get("gridOptions").enabledDelRow == true ){ && this.state.get("gridOptions").enabledDelRow == true ){
columns.push({ columns.push({
id: 'del', id: 'del',
name: 'del', name: '',
field: 'del', field: 'del',
sortable: true, sortable: true,
width: 80, width: 38,
formatter: formatter, formatter: formatter,
validator:validator validator:validator
})} })}