midgard
/
tab
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add some more css to filters

This commit is contained in:
benji 2015-09-10 21:44:43 +02:00
parent 86f8f30ab2
commit bbaa070cca
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/tables.css.scss
View File

@ -31,8 +31,22 @@ table.pure-table-striped {
}
.data-table-filters {
.panel-body h4 {
margin-top: 0;
margin-bottom: 0;
}
.pure-g {
padding: 10px;
/* margin-bottom: 20px; */
padding-top: 20px;
/* border-top: 1px solid #bbb; */
&:first-child {
border-top: none;
padding-top: 0px;
}
&:last-child {
margin-bottom: 0;
}
.pure-u-md-1-4, .pure-u-md-1-2 {
input {
width: 90%;

6
app/views/users/show.html.haml
View File

@ -6,15 +6,13 @@
.panel-body
.pure-g
.bound.input-listen.pure-u-1{ 'data-input-type': 'date-range' }
= "Between"
%input.lower-bound{type: 'date', placeholder: 'after'}
= "and"
\-
%input.upper-bound{type: 'date', placeholder: 'before'}
.pure-g
.bound.input-listen.pure-u-1{ 'data-input-type': 'number-range' }
= "Between"
%input.lower-bound{type: 'number', placeholder: 'lower', class: 'pure-u-1-5'}
= "and"
\-
%input.upper-bound{type: 'number', placeholder: 'upper', class: 'pure-u-1-5'}
.pure-g
.input-listen.pure-u-md-1-4{ 'data-input-type': 'text' }