mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-05-10 10:26:38 +02:00
Initial commit
This commit is contained in:
Max Guglielmi
parent
2d5f01a6a5
commit
a6014e8519
23
Gruntfile.js
23
Gruntfile.js
|
|
@ -155,14 +155,32 @@ module.exports = function (grunt) {
|
|||
}
|
||||
},
|
||||
|
||||
esdoc : {
|
||||
dist : {
|
||||
esdoc: {
|
||||
dist: {
|
||||
options: {
|
||||
source: 'src',
|
||||
destination: 'doc',
|
||||
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-babel');
|
||||
grunt.loadNpmTasks('grunt-esdoc');
|
||||
grunt.loadNpmTasks('grunt-contrib-stylus');
|
||||
|
||||
grunt.registerTask('default', ['build', 'test', 'build-demos', 'esdoc']);
|
||||
|
||||
|
|
|
|||
|
|
@ -41,6 +41,7 @@
|
|||
"grunt-contrib-copy": "^0.8.0",
|
||||
"grunt-contrib-jshint": "^0.11.2",
|
||||
"grunt-contrib-qunit": "^0.7.0",
|
||||
"grunt-contrib-stylus": "^0.22.0",
|
||||
"grunt-contrib-watch": "^0.6.1",
|
||||
"grunt-esdoc": "0.0.1",
|
||||
"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