Commit 270f9197b91dd280331a124f5527da86f235b98e
1 parent
1fad9fe4
Exists in
master
and in
11 other branches
add make proposal box
Showing
2 changed files
with
78 additions
and
55 deletions
Show diff stats
index.html
| @@ -59,31 +59,33 @@ | @@ -59,31 +59,33 @@ | ||
| 59 | 59 | ||
| 60 | {{#each article.children}} | 60 | {{#each article.children}} |
| 61 | <div class='proposal-detail hide' id="proposal-item-{{id}}"> | 61 | <div class='proposal-detail hide' id="proposal-item-{{id}}"> |
| 62 | - <ul> | ||
| 63 | - {{#each categories}} | ||
| 64 | - <li class='{{slug}}'> | ||
| 65 | - <a href="#"><span>{{name}}</span></a> | ||
| 66 | - </li> | ||
| 67 | - {{/each}} | ||
| 68 | - </ul> | ||
| 69 | - <div class='abstract'> | ||
| 70 | - <img src="{{../host}}{{image.url}}"/> | ||
| 71 | - </div> | ||
| 72 | - <div class='title'>{{title}}</div> | ||
| 73 | - <span>{{body}}</span> | ||
| 74 | - <div class='make-proposal'> | ||
| 75 | - <div>Faça sua proposta</div> | ||
| 76 | - <form class='make-proposal-form' id='make-proposal-form-{{id}}'> | ||
| 77 | - <input id="article_name" name="article[name]" type="text"> | ||
| 78 | - <textarea id="article_abstract" name="article[abstract]"></textarea> | ||
| 79 | - <input id='private_token' name='private_token' value='{{../private_token}}' type='hidden'> | ||
| 80 | - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Proposal' type='hidden'> | ||
| 81 | - <input type='submit' id='make-proposal-button' name='make-proposal-button' value='Submit'> | ||
| 82 | - </form> | 62 | + <div class='categories {{#each categories}}{{slug}} {{/each}}'> |
| 63 | + <ul> | ||
| 64 | + {{#each categories}} | ||
| 65 | + <li class='category'> | ||
| 66 | + <a href="#"><span>{{name}}</span></a> | ||
| 67 | + </li> | ||
| 68 | + {{/each}} | ||
| 69 | + </ul> | ||
| 70 | + <div class='abstract'> | ||
| 71 | + <img src="{{../host}}{{image.url}}"/> | ||
| 72 | + </div> | ||
| 73 | + <div class='title'>{{title}}</div> | ||
| 74 | + <div class='body'>{{body}}</div> | ||
| 75 | + <div class='make-proposal'> | ||
| 76 | + <div class='title'>Proponha</div> | ||
| 77 | + <form class='make-proposal-form' id='make-proposal-form-{{id}}'> | ||
| 78 | + <input id="article_name" name="article[name]" type="text"> | ||
| 79 | + <textarea id="article_abstract" name="article[abstract]"></textarea> | ||
| 80 | + <input id='private_token' name='private_token' value='{{../private_token}}' type='hidden'> | ||
| 81 | + <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Proposal' type='hidden'> | ||
| 82 | + <input type='submit' id='make-proposal-button' name='make-proposal-button' value='Submit'> | ||
| 83 | + </form> | ||
| 84 | + </div> | ||
| 85 | + <div class='support-proposal-container'></div> | ||
| 86 | + <div class='experience-proposal'>Conte sua experiência</div> | ||
| 87 | + <div class='talk-proposal'>Fale com o ministro</div> | ||
| 83 | </div> | 88 | </div> |
| 84 | - <div class='support-proposal-container'></div> | ||
| 85 | - <div class='experience-proposal'>Conte sua experiência</div> | ||
| 86 | - <div class='talk-proposal'>Fale com o ministro</div> | ||
| 87 | </div> | 89 | </div> |
| 88 | {{/each}} | 90 | {{/each}} |
| 89 | </script> | 91 | </script> |
sass/_proposal_detail.scss
| 1 | - .proposal-detail { | ||
| 2 | - ul{ | ||
| 3 | - padding: 0px; | ||
| 4 | - } | ||
| 5 | - .abstract{ | ||
| 6 | - text-align: center; | ||
| 7 | - margin-top: 50px; | ||
| 8 | - } | ||
| 9 | - .title{ | ||
| 10 | - margin: 25px 0px; | ||
| 11 | - font: { | ||
| 12 | - size: larger; | ||
| 13 | - weight: bold; | ||
| 14 | - } | ||
| 15 | - } | ||
| 16 | -@each $category, $color in $categories { | 1 | +.proposal-detail { |
| 2 | + @each $category, $color in $categories { | ||
| 17 | .#{$category}{ | 3 | .#{$category}{ |
| 18 | - background-color: $color; | ||
| 19 | - padding: { | ||
| 20 | - bottom: 20px; | ||
| 21 | - top: 20px; | ||
| 22 | - } | ||
| 23 | - a { | ||
| 24 | - background-image: url(./images/icons/#{$category}.png); | ||
| 25 | - padding: 20px; | ||
| 26 | - background: { | 4 | + ul{ |
| 5 | + padding: 0px; | ||
| 6 | + } | ||
| 7 | + .abstract{ | ||
| 8 | + text-align: center; | ||
| 9 | + margin-top: 50px; | ||
| 10 | + } | ||
| 11 | + .body{ | ||
| 12 | + margin-bottom: 20px; | ||
| 13 | + } | ||
| 14 | + .title{ | ||
| 15 | + margin: 25px 0px; | ||
| 16 | + font: { | ||
| 17 | + size: larger; | ||
| 18 | + weight: bold; | ||
| 19 | + } | ||
| 20 | + } | ||
| 21 | + .make-proposal{ | ||
| 22 | + .title{ | ||
| 27 | color: $color; | 23 | color: $color; |
| 28 | - position: center left; | ||
| 29 | - repeat: no-repeat; | ||
| 30 | } | 24 | } |
| 31 | - span{ | ||
| 32 | - padding-left: 40px; | 25 | + width: 49%; |
| 26 | + border: 1px solid $color; | ||
| 27 | + } | ||
| 28 | + .support-proposal-container{ | ||
| 29 | + width: 49%; | ||
| 30 | + } | ||
| 31 | + .experience-proposal{ | ||
| 32 | + width: 49%; | ||
| 33 | + } | ||
| 34 | + .talk-proposal{ | ||
| 35 | + width: 49%; | ||
| 36 | + | ||
| 37 | + } | ||
| 38 | + li{ | ||
| 39 | + background-color: $color; | ||
| 40 | + padding: { | ||
| 41 | + bottom: 20px; | ||
| 42 | + top: 20px; | ||
| 43 | + } | ||
| 44 | + a { | ||
| 45 | + background-image: url(./images/icons/#{$category}.png); | ||
| 46 | + padding: 20px; | ||
| 47 | + background: { | ||
| 48 | + color: $color; | ||
| 49 | + position: center left; | ||
| 50 | + repeat: no-repeat; | ||
| 51 | + } | ||
| 52 | + span{ | ||
| 53 | + padding-left: 40px; | ||
| 54 | + } | ||
| 33 | } | 55 | } |
| 34 | } | 56 | } |
| 35 | } | 57 | } |
| 36 | -} | ||
| 37 | - | ||
| 38 | } | 58 | } |
| 59 | +} |