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

Add some more css to filters

Browse source
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 { .data-table-filters {
.panel-body h4 {
margin-top: 0;
margin-bottom: 0;
}
.pure-g { .pure-g {
padding: 10px; 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 { .pure-u-md-1-4, .pure-u-md-1-2 {
input { input {
width: 90%; width: 90%;

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

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