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

[view/grid,css][xs]: add zebra striped for grid and fix width of search box.

Browse Source
This commit is contained in:
Rufus Pollock
2012-02-29 13:55:11 +00:00
parent 3e3bdd5b3f
commit b5f2a3bbc5
3 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/data-explorer.css
View File

@@ -40,6 +40,7 @@
float: left; float: left;
margin-top: 1px; margin-top: 1px;
margin-right: 5px; margin-right: 5px;
width: 200px;
} }
.header .recline-query-editor .pagination input { .header .recline-query-editor .pagination input {

8
recline.js
View File

@@ -812,7 +812,7 @@ my.DataGrid = Backbone.View.extend({
template: ' \ template: ' \
<div class="data-table-menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div> \ <div class="data-table-menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div> \
<ul class="data-table-menu"></ul> \ <ul class="data-table-menu"></ul> \
<table class="data-table" cellspacing="0"> \ <table class="data-table table-striped" cellspacing="0"> \
<thead> \ <thead> \
<tr> \ <tr> \
{{#notEmpty}} \ {{#notEmpty}} \
@@ -1173,9 +1173,9 @@ my.QueryEditor = Backbone.View.extend({
<input type="text" name="q" value="{{q}}" class="text-query" /> \ <input type="text" name="q" value="{{q}}" class="text-query" /> \
<div class="pagination"> \ <div class="pagination"> \
<ul> \ <ul> \
<li class="prev action-pagination-update"><a>&laquo; back</a></li> \ <li class="prev action-pagination-update"><a>&laquo;</a></li> \
<li class="active"><a><input name="from" type="text" value="{{from}}" /> &ndash; <input name="to" type="text" value="{{to}}" /> </a></li> \ <li class="active"><a><input name="from" type="text" value="{{from}}" /> &ndash; <input name="to" type="text" value="{{to}}" /> </a></li> \
<li class="next action-pagination-update"><a>next &raquo;</a></li> \ <li class="next action-pagination-update"><a>&raquo;</a></li> \
</ul> \ </ul> \
</div> \ </div> \
<button type="submit" class="btn" style="">Update &raquo;</button> \ <button type="submit" class="btn" style="">Update &raquo;</button> \
@@ -1294,7 +1294,7 @@ my.notify = function(message, options) {
<div class="alert alert-{{category}} fade in" data-alert="alert"><a class="close" data-dismiss="alert" href="#">×</a> \ <div class="alert alert-{{category}} fade in" data-alert="alert"><a class="close" data-dismiss="alert" href="#">×</a> \
{{msg}} \ {{msg}} \
{{#loader}} \ {{#loader}} \
<img src="images/small-spinner.gif" class="notification-loader"> \ <span class="notification-loader">&nbsp;</span> \
{{/loader}} \ {{/loader}} \
</div>'; </div>';
var _templated = $.mustache(_template, tmplData); var _templated = $.mustache(_template, tmplData);

2
src/view-grid.js
View File

@@ -160,7 +160,7 @@ my.DataGrid = Backbone.View.extend({
template: ' \ template: ' \
<div class="data-table-menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div> \ <div class="data-table-menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div> \
<ul class="data-table-menu"></ul> \ <ul class="data-table-menu"></ul> \
<table class="data-table" cellspacing="0"> \ <table class="data-table table-striped" cellspacing="0"> \
<thead> \ <thead> \
<tr> \ <tr> \
{{#notEmpty}} \ {{#notEmpty}} \