deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-14 04:17:00 +02:00
Code Issues Releases Wiki Activity

Continued base re-styling

Browse source
This commit is contained in:
Max Guglielmi 2015-08-08 00:23:32 +10:00
parent 7bfcf89aa8
commit 847e327f6f
12 changed files with 113 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
demos/pagination.html
View file

@ -13008,7 +13008,7 @@
var filtersConfig = {
base_path: '../dist/tablefilter/',
paging: true,
results_per_page: ['Page length: ', [10,25,50,100]],
results_per_page: ['Records: ', [10,25,50,100]],
remember_grid_values: true,
remember_page_number: true,
remember_page_length: true,

79
dist/tablefilter/style/tablefilter.css vendored
View file

@ -207,9 +207,9 @@ select[multiple="multiple"].ezSelectEditor {
.single_flt:focus {
border-color: #66afe9;
outline: 0 none;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6);
box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
}
select.flt_multi {
font-family: inherit;
@ -456,61 +456,94 @@ span.keyword {
* Paging default style
*/
select.pgSlc {
height: 20px;
height: 35px;
margin: 0;
border: 1px solid #f4f4f4;
background-color: #fff;
vertical-align: middle;
}
select.pgSlc:focus {
border-color: #66afe9;
outline: 0 none;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
}
input.pgNbInp {
width: 25px;
height: 16px;
margin: 1px;
vertical-align: middle;
height: 35px;
margin: 0;
border: 1px solid #f4f4f4;
background-color: #fff;
width: 35px;
}
input.pgNbInp:focus {
border-color: #66afe9;
outline: 0 none;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
}
input.pgInp,
.nextPage,
.previousPage,
.firstPage,
.lastPage {
height: 35px;
margin: 0;
border: 1px solid #f4f4f4;
background-color: #fff;
vertical-align: middle;
width: 19px;
height: 19px;
cursor: pointer !important;
border: 0 !important;
width: 35px;
border: 0;
font-weight: bold;
}
input.pgInp:focus,
.nextPage:focus,
.previousPage:focus,
.firstPage:focus,
.lastPage:focus {
border-color: #66afe9;
outline: 0 none;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
}
.nextPage {
background: transparent url("themes/btn_next_page.gif") center center no-repeat !important;
}
.nextPage:hover {
background-color: #cad1d6 !important;
background-color: #f4f4f4 !important;
}
.previousPage {
background: transparent url("themes/btn_previous_page.gif") center center no-repeat !important;
}
.previousPage:hover {
background-color: #cad1d6 !important;
background-color: #f4f4f4 !important;
}
.firstPage {
background: transparent url("themes/btn_first_page.gif") center center no-repeat !important;
}
.firstPage:hover {
background-color: #cad1d6 !important;
background-color: #f4f4f4 !important;
}
.lastPage {
background: transparent url("themes/btn_last_page.gif") center center no-repeat !important;
}
.lastPage:hover {
background-color: #cad1d6 !important;
background-color: #f4f4f4 !important;
}
span.nbpg {
padding: 0 5px 0 0;
padding: 0 5px;
}
select.rspg {
width: 50px;
margin: 1px 5px 0 5px;
height: 35px;
margin: 0;
border: 1px solid #f4f4f4;
background-color: #fff;
margin: 0 0 0 5px;
vertical-align: middle;
}
select.rspg:focus {
border-color: #66afe9;
outline: 0 none;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
}
span.rspgSpan {
font-size: 11px;
font-size: inherit;
}
/**
@ -543,7 +576,7 @@ div.tot {
vertical-align: middle;
}
div.tot span {
font-weight: bold;
font-weight: 500;
}
/**
@ -576,7 +609,7 @@ div.status {
padding: 0.5em;
}
div.status span {
font-weight: 400;
font-weight: 500;
font-size: inherit;
}
@ -644,7 +677,7 @@ table.TF td {
height: 100%;
position: inherit;
text-align: center;
padding: 1px 0;
padding: 0;
}
.rdiv {
float: right;

2
dist/tablefilter/tablefilter.js vendored
View file

@ -6277,7 +6277,7 @@ return /******/ (function(modules) { // webpackBootstrap
};
var slcR = _Dom2['default'].create(tf.fltTypeSlc, ['id', this.prfxSlcResults + tf.id]);
slcR.className = tf.resultsSlcCssClass;
slcR.className = this.resultsSlcCssClass;
var slcRText = this.resultsPerPage[0],
slcROpts = this.resultsPerPage[1];
var slcRSpan = _Dom2['default'].create('span', ['id', this.prfxSlcResultsTxt + tf.id]);

2
src/modules/paging.js
View file

@ -514,7 +514,7 @@ export class Paging{
var slcR = Dom.create(
tf.fltTypeSlc, ['id', this.prfxSlcResults+tf.id]);
slcR.className = tf.resultsSlcCssClass;
slcR.className = this.resultsSlcCssClass;
var slcRText = this.resultsPerPage[0],
slcROpts = this.resultsPerPage[1];
var slcRSpan = Dom.create(

3
static/style/config.styl
View file

@ -9,7 +9,6 @@ $min-width = 35px
$min-height = 35px
// header cell
// $th-bg-color = #EBECEE
$th-height = 35px
$th-bg-color = #EAEAEA
$th-padding = 5px
@ -36,7 +35,7 @@ $toolbar-border-color = #CCC
$toolbar-divider-color = #F4F4F4
// paging
$paging-nav-button-bg-color-hover = #CAD1D6
$paging-nav-button-bg-color-hover = #F4F4F4
// grid layout
$grid-layout-bg-color = #C8E0FB

4
static/style/filters.styl
View file

@ -56,8 +56,8 @@
&:focus
border-color #66AFE9
outline 0 none
box-shadow 0px 1px 1px rgba(0, 0, 0, 0.075) inset,
0px 0px 8px rgba(102, 175, 233, 0.6)
box-shadow 0 1px 1px rgba(0, 0, 0, 0.075) inset,
0 0 8px rgba(102, 175, 233, 0.6)
// multiple select type filter
select.flt_multi

42
static/style/help.styl
View file

@ -23,36 +23,36 @@
div.helpCont
arrow(top, 10px white, 2px #ccc)
box-shadow(3px 3px 2px #888)
position absolute
display none
width 300px
padding 10px
margin 45px 0 0 -150px
border 1px solid #CCC
line-height 20px
font-size inherit
color #333
background #fff
text-align left
position absolute
display none
width 300px
padding 10px
margin 45px 0 0 -150px
border 1px solid #CCC
line-height 20px
font-size inherit
color #333
background #fff
text-align left
a
color #cc0000
text-decoration underline;
font-weight normal
color #cc0000
text-decoration underline;
font-weight normal
a.close
color #333
text-decoration none
font-weight bold
color #333
text-decoration none
font-weight bold
&:hover
text-decoration none
hr
border 1px solid #ccc
border 1px solid #ccc
div.helpFooter
margin 10px 0 0 0
margin 10px 0 0 0
h4
margin 2px 2px 2px 2px
color #333
margin 2px 2px 2px 2px
color #333

43
static/style/paging.styl
View file

@ -4,26 +4,34 @@
@import 'config'
filter()
height $filter-height
margin 0
border 1px solid $filter-border-color
background-color $filter-bg-color
&:focus
border-color #66AFE9
outline 0 none
box-shadow 0 1px 1px rgba(0, 0, 0, 0.075) inset,
0 0 8px rgba(102, 175, 233, 0.6)
// paging drop-down list
select.pgSlc
height 20px
vertical-align middle
filter()
vertical-align middle
// paging text-box
input.pgNbInp
width 25px
height 16px
margin 1px
vertical-align middle
filter()
width $min-width
// paging buttons (Next/Previous)
input.pgInp
vertical-align middle
width 19px
height 19px
cursor pointer !important
border 0 !important
font-weight bold
filter()
vertical-align middle
width $min-width
border 0
font-weight bold
.nextPage
@extends input.pgInp
@ -52,13 +60,14 @@ input.pgInp
// paging nb pages
span.nbpg
padding 0 5px 0 0
padding 0 5px
// results per page select
select.rspg
width 50px
margin 1px 5px 0 5px
vertical-align middle
filter()
margin 0 0 0 5px
vertical-align middle
// results per page select label
span.rspgSpan
font-size:11px;
font-size inherit

2
static/style/rows-counter.styl
View file

@ -15,4 +15,4 @@ div.tot
vertical-align middle
span
font-weight bold
font-weight 500

2
static/style/status-bar.styl
View file

@ -14,5 +14,5 @@ div.status
padding 0.5em
span
font-weight 400
font-weight 500
font-size inherit

2
static/style/toolbar.styl
View file

@ -43,7 +43,7 @@
height 100%
position inherit
text-align center
padding 1px 0
padding 0
// right div
.rdiv

2
static/templates/pagination.html
View file

@ -31,7 +31,7 @@
var filtersConfig = {
base_path: '../dist/tablefilter/',
paging: true,
results_per_page: ['Page length: ', [10,25,50,100]],
results_per_page: ['Records: ', [10,25,50,100]],
remember_grid_values: true,
remember_page_number: true,
remember_page_length: true,