mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-06-03 06:22:34 +02:00
Initial commit
This commit is contained in:
parent
2d5f01a6a5
commit
a6014e8519
19
Gruntfile.js
19
Gruntfile.js
|
@ -163,6 +163,24 @@ module.exports = function (grunt) {
|
||||||
title: pkg.name + ' v' + pkg.version
|
title: pkg.name + ' v' + pkg.version
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
stylus: {
|
||||||
|
compile: {
|
||||||
|
options: {
|
||||||
|
// relativeDest: 'dist/tablefilter/style'
|
||||||
|
compress: false
|
||||||
|
},
|
||||||
|
// files: [{
|
||||||
|
// src: ['static/style/*/*.styl'],
|
||||||
|
// ext: '.css'
|
||||||
|
// }]
|
||||||
|
files: {
|
||||||
|
'dist/tablefilter/style/tablefilter_.css': [
|
||||||
|
'static/style/*.styl'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
@ -177,6 +195,7 @@ module.exports = function (grunt) {
|
||||||
grunt.loadNpmTasks('grunt-webpack');
|
grunt.loadNpmTasks('grunt-webpack');
|
||||||
grunt.loadNpmTasks('grunt-babel');
|
grunt.loadNpmTasks('grunt-babel');
|
||||||
grunt.loadNpmTasks('grunt-esdoc');
|
grunt.loadNpmTasks('grunt-esdoc');
|
||||||
|
grunt.loadNpmTasks('grunt-contrib-stylus');
|
||||||
|
|
||||||
grunt.registerTask('default', ['build', 'test', 'build-demos', 'esdoc']);
|
grunt.registerTask('default', ['build', 'test', 'build-demos', 'esdoc']);
|
||||||
|
|
||||||
|
|
|
@ -41,6 +41,7 @@
|
||||||
"grunt-contrib-copy": "^0.8.0",
|
"grunt-contrib-copy": "^0.8.0",
|
||||||
"grunt-contrib-jshint": "^0.11.2",
|
"grunt-contrib-jshint": "^0.11.2",
|
||||||
"grunt-contrib-qunit": "^0.7.0",
|
"grunt-contrib-qunit": "^0.7.0",
|
||||||
|
"grunt-contrib-stylus": "^0.22.0",
|
||||||
"grunt-contrib-watch": "^0.6.1",
|
"grunt-contrib-watch": "^0.6.1",
|
||||||
"grunt-esdoc": "0.0.1",
|
"grunt-esdoc": "0.0.1",
|
||||||
"grunt-string-replace": "^1.2.0",
|
"grunt-string-replace": "^1.2.0",
|
||||||
|
|
15
static/style/config.styl
Normal file
15
static/style/config.styl
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
/**
|
||||||
|
* Global variables
|
||||||
|
*/
|
||||||
|
|
||||||
|
$border-color-0 = #FFF
|
||||||
|
$border-color-1 = #CCC
|
||||||
|
$border-color-2 = #D0D0D0
|
||||||
|
$padding = 5px
|
||||||
|
|
||||||
|
$th-bg-color = #EBECEE
|
||||||
|
$th-padding = 5px
|
||||||
|
$th-font-color = #333
|
||||||
|
|
||||||
|
$filter-bg-color = #fff
|
||||||
|
$filter-border-color = #ccc
|
47
static/style/filter-checklist.styl
Normal file
47
static/style/filter-checklist.styl
Normal file
|
@ -0,0 +1,47 @@
|
||||||
|
/**
|
||||||
|
* Checklist filters default styling
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'config'
|
||||||
|
|
||||||
|
// div containing checklist
|
||||||
|
.div_checklist
|
||||||
|
width 100%
|
||||||
|
height 100px
|
||||||
|
border 1px solid $filter-border-color
|
||||||
|
overflow auto
|
||||||
|
text-align left
|
||||||
|
background-color $filter-bg-color
|
||||||
|
color: #333 !important
|
||||||
|
|
||||||
|
ul.flt_checklist
|
||||||
|
padding 0 !important
|
||||||
|
margin 0 !important
|
||||||
|
list-style none !important
|
||||||
|
|
||||||
|
// checklist item
|
||||||
|
li.flt_checklist_item
|
||||||
|
padding 1px !important
|
||||||
|
margin 0 !important
|
||||||
|
font-size 10px !important
|
||||||
|
border-bottom 1px solid $filter-border-color !important
|
||||||
|
|
||||||
|
:hover
|
||||||
|
background-color #335EA8 !important
|
||||||
|
color $filter-bg-color !important;
|
||||||
|
|
||||||
|
label
|
||||||
|
display block !important;
|
||||||
|
|
||||||
|
input
|
||||||
|
vertical-align middle !important;
|
||||||
|
margin 2px 5px 2px 1px !important;
|
||||||
|
|
||||||
|
// disabled checklist item
|
||||||
|
.flt_checklist_item_disabled
|
||||||
|
background-color #E5E5E5
|
||||||
|
|
||||||
|
// selected checklist item
|
||||||
|
.flt_checklist_slc_item
|
||||||
|
background-color #335EA8 !important
|
||||||
|
color: $filter-bg-color !important
|
74
static/style/filters.styl
Normal file
74
static/style/filters.styl
Normal file
|
@ -0,0 +1,74 @@
|
||||||
|
/**
|
||||||
|
* Filters' default styling
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'config'
|
||||||
|
|
||||||
|
// Filters row style
|
||||||
|
.fltrow
|
||||||
|
height 20px
|
||||||
|
background-color #f4f4f4
|
||||||
|
|
||||||
|
td
|
||||||
|
th
|
||||||
|
padding 2px !important
|
||||||
|
|
||||||
|
// button appearance
|
||||||
|
.btnflt
|
||||||
|
font-size 11px
|
||||||
|
vertical-align middle
|
||||||
|
margin 0 2px 0 2px
|
||||||
|
padding 0 1px 0 1px
|
||||||
|
|
||||||
|
// button appearance when displayIcons is true
|
||||||
|
.btnflt_icon
|
||||||
|
width 19px
|
||||||
|
height 19px
|
||||||
|
cursor pointer !important
|
||||||
|
border 0 !important
|
||||||
|
vertical-align middle
|
||||||
|
background transparent url(themes/btn_filter.png) center center no-repeat !important
|
||||||
|
|
||||||
|
// input type filter
|
||||||
|
.flt
|
||||||
|
background-color $filter-bg-color
|
||||||
|
border 1px solid $filter-border-color
|
||||||
|
margin 0
|
||||||
|
width 97%
|
||||||
|
vertical-align middle
|
||||||
|
|
||||||
|
// select type filter
|
||||||
|
select.flt
|
||||||
|
background-color $filter-bg-color
|
||||||
|
border 1px solid $filter-border-color
|
||||||
|
margin 0 1px 1px 0
|
||||||
|
width 99%
|
||||||
|
vertical-align middle
|
||||||
|
|
||||||
|
// multiple select type filter
|
||||||
|
select.flt_multi
|
||||||
|
background-color $filter-bg-color
|
||||||
|
border 1px solid $filter-border-color
|
||||||
|
margin 0 1px 1px 0
|
||||||
|
width 99%
|
||||||
|
height 100px
|
||||||
|
vertical-align middle
|
||||||
|
|
||||||
|
// tiny input type filter
|
||||||
|
.flt_s
|
||||||
|
background-color $filter-bg-color
|
||||||
|
border 1px solid $filter-border-color
|
||||||
|
margin 0
|
||||||
|
width 80%
|
||||||
|
vertical-align middle
|
||||||
|
|
||||||
|
// single filter type
|
||||||
|
.single_flt
|
||||||
|
background-color $filter-bg-color
|
||||||
|
border-left 1px solid #999
|
||||||
|
border-right 1px solid $filter-border-color
|
||||||
|
border-top 1px solid $filter-border-color
|
||||||
|
border-bottom 1px solid #999
|
||||||
|
margin 0
|
||||||
|
width 120px
|
||||||
|
vertical-align middle
|
28
static/style/table.styl
Normal file
28
static/style/table.styl
Normal file
|
@ -0,0 +1,28 @@
|
||||||
|
/**
|
||||||
|
* Table's default styling
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'config'
|
||||||
|
|
||||||
|
table.TF
|
||||||
|
border-spacing 0
|
||||||
|
border-top 1px solid $border-color-2
|
||||||
|
border-left 1px solid $border-color-2
|
||||||
|
border-bottom 1px solid $border-color-1
|
||||||
|
border-right 1px solid $border-color-1
|
||||||
|
|
||||||
|
th
|
||||||
|
margin 0
|
||||||
|
background-color $th-bg-color
|
||||||
|
border-bottom 1px solid $border-color-2
|
||||||
|
border-right 1px solid $border-color-2
|
||||||
|
border-left 1px solid $border-color-0
|
||||||
|
border-top 1px solid $border-color-0
|
||||||
|
padding $padding
|
||||||
|
color $th-font-color
|
||||||
|
|
||||||
|
td
|
||||||
|
margin 0
|
||||||
|
padding $padding
|
||||||
|
border-bottom 1px solid $border-color-2
|
||||||
|
border-right 1px solid $border-color-2
|
Loading…
Reference in a new issue