From 496cb16a8ba572a36031c9a3f96a2976b4dd93b9 Mon Sep 17 00:00:00 2001 From: benji Date: Thu, 10 Sep 2015 22:39:35 +0200 Subject: [PATCH] Put back euro sign --- .../{purecss.css => purecss.css.scss} | 23 +++++++++++++++++++ app/assets/stylesheets/users.scss | 1 + app/views/users/show.html.haml | 8 +++++-- 3 files changed, 30 insertions(+), 2 deletions(-) rename app/assets/stylesheets/{purecss.css => purecss.css.scss} (63%) diff --git a/app/assets/stylesheets/purecss.css b/app/assets/stylesheets/purecss.css.scss similarity index 63% rename from app/assets/stylesheets/purecss.css rename to app/assets/stylesheets/purecss.css.scss index f6647f5..74a3630 100644 --- a/app/assets/stylesheets/purecss.css +++ b/app/assets/stylesheets/purecss.css.scss @@ -43,3 +43,26 @@ background-color: rgb(83, 180, 79); color: #fff; } + +fieldset.pure-group-inline { + display: inline-block; + margin: 0; + padding: .35em 0 .75em; + border: 0; + .pure-group-addon { + padding: .5em .6em; + box-shadow: inset 0 1px 3px #ddd; + border: 1px solid #ccc; + white-space: nowrap; + border-collapse: separate; + margin-left: -4px; + &:last-child { + border-radius: 0 4px 4px 0; + } + &:first-child { + margin-left: 0; + border-radius: 4px 0 0 4px; + border-right: 0; + } + } +} diff --git a/app/assets/stylesheets/users.scss b/app/assets/stylesheets/users.scss index 1efc835..c160de4 100644 --- a/app/assets/stylesheets/users.scss +++ b/app/assets/stylesheets/users.scss @@ -1,3 +1,4 @@ // Place all the styles related to the users controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ +.icon-euro:before { content:"\20AC"; } diff --git a/app/views/users/show.html.haml b/app/views/users/show.html.haml index 95b8f8f..cfd2ce2 100644 --- a/app/views/users/show.html.haml +++ b/app/views/users/show.html.haml @@ -11,9 +11,13 @@ %input.upper-bound{type: 'date', placeholder: 'before'} .pure-g .bound.input-listen.pure-u-1{ 'data-input-type': 'number-range' } - %input.lower-bound{type: 'number', placeholder: 'lower', class: 'pure-u-1-5'} + %fieldset.pure-group-inline + %span.icon-euro.pure-group-addon + %input.lower-bound.pure-group-addon{type: 'number', placeholder: 'Minimum'} \- - %input.upper-bound{type: 'number', placeholder: 'upper', class: 'pure-u-1-5'} + %fieldset.pure-group-inline + %span.icon-euro.pure-group-addon + %input.upper-bound.pure-group-addon{type: 'number', placeholder: 'Maximum'} .pure-g .input-listen.pure-u-md-1-4{ 'data-input-type': 'text' } %input{type: 'text', placeholder: 'Filter on Issuer'}