guillaume
/
librarix
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve style for search forms

master
Guillaume Dott 2015-11-12 12:35:22 +01:00
parent 0535253c91
commit 67cc23103c
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
lib/librarix/assets/application.scss
View File

@ -6,7 +6,7 @@ h2 {
margin-top: 0; margin-top: 0;
} }
body > form { body > form #search-main {
display: flex; display: flex;
input { input {
@ -20,6 +20,7 @@ body > form {
input[type="text"] { input[type="text"] {
flex-grow: 1; flex-grow: 1;
min-width: 50px;
font-size: 1.4em; font-size: 1.4em;
padding: 5px; padding: 5px;
} }

2
lib/librarix/public/application.css
View File

@ -1 +1 @@
body{margin:10px}h2{margin-top:0}body>form{display:flex}body>form input{border-radius:0.4em;border:solid 3px #f4f4f4}body>form input[type="submit"]{background-color:#f4f4f4}body>form input[type="text"]{flex-grow:1;font-size:1.4em;padding:5px}ul{list-style-type:none;margin:0;padding:0}ul li{padding:10px 0}ul li:nth-child(even){background-color:#f4f4f4}.movie{display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.movie .poster{margin-right:10px}.movie .informations{align-self:flex-start;flex:1 1 300px} body{margin:10px}h2{margin-top:0}body>form #search-main{display:flex}body>form #search-main input{border-radius:0.4em;border:solid 3px #f4f4f4}body>form #search-main input[type="submit"]{background-color:#f4f4f4}body>form #search-main input[type="text"]{flex-grow:1;min-width:50px;font-size:1.4em;padding:5px}ul{list-style-type:none;margin:0;padding:0}ul li{padding:10px 0}ul li:nth-child(even){background-color:#f4f4f4}.movie{display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.movie .poster{margin-right:10px}.movie .informations{align-self:flex-start;flex:1 1 300px}

5
lib/librarix/views/search.slim
View File

@ -1,8 +1,9 @@
- content_for(:title) { 'Search' } - content_for(:title) { 'Search' }
form method="get" action="/search" id="search" form method="get" action="/search" id="search"
input type="text" name="search" value="#{params['search']}" autocomplete="off" autofocus="on" div id="search-main"
input type="submit" value="Search" input type="text" name="search" value="#{params['search']}" autocomplete="off" autofocus="on"
input type="submit" value="Search"
div div
== slim :list, locals: {movies: movies} == slim :list, locals: {movies: movies}