Download as
Browse Code »

Commit eb3bd5ec640c5449863f6a0a0f9634313e7b9e97

Authored by Victor Costa
1 parent c584cf3a
Exists in theme-brasil-digital-from-staging and in 9 other branches angular_poc, api-article-archived, backup-7-jan-2016, captcha_serpro_plugin, login-captcha, production, resend_confirmation_email, staging, staging_rails3

pairwise: css added and fix text labels

Showing 3 changed files with 203 additions and 38 deletions   Show diff stats
plugins/pairwise/public/style.css
  Diff comments   View file @eb3bd5e
  1 +.action-home-index div.pairwise_main .spinner {
  2 + width: 94%;
  3 +}
  4 +
  5 +.pairwise-plugin_pairwise-content #article-header .title {
  6 + display: none;
  7 +}
  8 +
  9 +#pairwise_main {
  10 + text-align: center;
  11 + width: auto;
  12 +}
  13 +
  14 +#pairwise_main ul.pairwise_menu {
  15 + background-color: white;
  16 + color: #ECF2E7;
  17 + text-align: right;
  18 +}
  19 +
  20 +#pairwise_main ul.pairwise_menu li {
  21 + display: inline;
  22 +}
  23 +
  24 +#pairwise_main ul.pairwise_menu li a {
  25 + color: #b3c4a6;
  26 + font-size: 14px;
  27 + padding: 1em;
  28 + text-decoration: none;
  29 +}
  30 +
  31 +#pairwise_main ul.pairwise_menu li a:hover{
  32 + color: #497B16;
  33 + background-color: #ECF2E7;
  34 + border-radius: 10px 10px 0 0;
  35 + border: 1px solid #b3c4a6;
  36 + border-bottom: 0px;
  37 + margin: -1px;
  38 +}
  39 +
  40 +#pairwise_main ul.pairwise_menu li a.active{
  41 + color: #497B16;
  42 + background-color: #ECF2E7;
  43 + border-radius: 10px 10px 0 0;
  44 + border: 1px solid #b3c4a6;
  45 + border-bottom: 0px;
  46 +}
  47 +
  48 +#pairwise_main .pairwise_content {
  49 + background-color: #ECF2E7;
  50 + padding: 1em;
  51 + overflow: hidden;
  52 +}
  53 +
  54 +#pairwise_main .pairwise_body {
  55 + background-color: white;
  56 + border-radius: 7px 7px 7px 7px;
  57 + display: block;
  58 + font-size: 22px;
  59 + margin: 0 0 0.5em;
  60 + padding: 1em;
  61 +}
  62 +
  63 +#pairwise_main .pairwise_call_for_action {
  64 + color: #4B7421;
  65 + font-size: 14px;
  66 + line-height: 1.5em;
  67 +}
  68 +
  69 +#pairwise_main .prompt {
  70 + background: url("images/prompt_bg_normal.png") no-repeat center top #cfe1bf;
  71 + border-width: 0px;
  72 + max-width: 369px;
  73 + height: 170px !important;
  74 + padding: 10px 0;
  75 + border-width: 0 !important;
  76 + border-radius: 10px;
  77 +}
  78 +
  79 +#pairwise_main .prompt:hover {
  80 + background: url("images/prompt_bg_hover.png") no-repeat 50% top #548A1C;
  81 +}
  82 +
  83 +#pairwise_main .prompt.left{
  84 + background-position: 51% top;
  85 + float: left;
  86 +}
  87 +
  88 +#pairwise_main .prompt.right{
  89 + background-position: 50% top;
  90 + float: right;
  91 +}
  92 +
  93 +#pairwise_main .prompt a{
  94 + color: #2a2d28 !important;
  95 + font-size: 12px;
  96 + display: block;
  97 + max-width: 349px;
  98 + padding: 10px;
  99 + height: 100%;
  100 +}
  101 +
  102 +#pairwise_main .separator {
  103 + background-color: #CCCCCC;
  104 + display: inline-block;
  105 + float: none;
  106 + height: 170px;
  107 + margin-top: 8px;
  108 + width: 1px;
  109 +}
  110 +
  111 +
  112 +#pairwise_main .skip_vote {
  113 + width: 200px !important;
  114 + text-align: center;
  115 + padding: 0;
  116 + border-width: 0px;
  117 + background-color: transparent !important;
  118 +}
  119 +
  120 +#pairwise_main .skip_vote a {
  121 + display: inline-block;
  122 + height: 1px;
  123 + line-height: 0;
  124 + padding: 1em 0;
  125 + text-decoration: none;
  126 + width: 200px;
  127 +}
  128 +
  129 +#pairwise_main .skip_vote_reasons {background-color: #7D8874;padding-top: 0 !important;}
  130 +
  131 +#pairwise_main .skip_vote_reasons ul {margin: 0; padding: 1em;}
  132 +
  133 +#pairwise_main .skip_vote_reasons ul li {color: white; padding: 0.5em 0.5em 0.5em 2em; text-align: left;}
  134 +
  135 +#pairwise_main .skip_vote_reasons ul li:hover{background-color:#666;}
  136 +
  137 +#pairwise_main .skip_vote_reasons ul li a {color: white;text-decoration: none;font-size: 14px;}
  138 +
  139 +#pairwise_main #suggestions_box {
  140 + display: block !important;
  141 + margin-top: 15px;
  142 + padding: 10px;
  143 + text-align: left;
  144 +}
  145 +
  146 +#pairwise_main #suggestions_box span {
  147 + color: #4B7421;
  148 + font-size: 15px;
  149 + font-weight: bold;
  150 + text-align: left;
  151 + text-transform: uppercase;
  152 +}
  153 +
  154 +#pairwise_main .suggestion_form {}
  155 +
  156 +#pairwise_main #suggestion_box_fields {}
  157 +
  158 +#pairwise_main .div_text_input_container {width: 100%;}
  159 +
  160 +#pairwise_main .div_text_input_container .div_text_input {
  161 + display: inline-block;
  162 + width: 80%;
  163 +}
  164 +
  165 +#pairwise_main .div_text_input_container .div_text_input textarea {
  166 + border: 1px solid #CCCCCC;
  167 + border-radius: 0 0 0 0 !important;
  168 +}
  169 +
  170 +#pairwise_main .div_text_input_container .div_text_input .jqEasyCounterMsg {color: #7D8874 !important;font-size: 13px;}
  171 +
  172 +#pairwise_main .div_text_input_container .suggest_idea_btn {
  173 + display: inline-block;
  174 + margin-left: 5%;
  175 + vertical-align: top;
  176 + width: 14%;
  177 +}
  178 +
  179 +#pairwise_main .div_text_input_container .suggest_idea_btn input#new_idea_button{
  180 + background: url("images/botao-enviar-pairwise.png") no-repeat top center transparent;
  181 + border-radius: 0px;
  182 + cursor: pointer;
  183 + display: block;
  184 + min-height: 71px;
  185 + padding: 5px 10px;
  186 + width: 93px;
  187 + border-width: 0;
  188 +}
  189 +
  190 +div.pairwise_group_list_container .arrow span.active {
  191 + background-position: center top;
  192 +}
  193 +/* */
  194 +
  195 +
1 196 div#pairwise_form_fields textarea {
2 197 width: 100%;
3 198 margin-top: 5px;
... ... @@ -42,13 +237,6 @@ div#pairwise_form_fields textarea {
42 237  
43 238  
44 239 #pairwise_main div#suggestions_box {
45   - /*border: 1px solid;
46   - border-radius: 7px;
47   - -webkit-border-radius: 7px;
48   - -moz-border-radius: 7px;
49   - border-color: #ccc;
50   - border-width: 1px;
51   - border-style: solid;*/
52 240 padding: 10px;
53 241 margin-top: 15px;
54 242 }
... ... @@ -77,12 +265,14 @@ div#pairwise_form_fields textarea {
77 265 }
78 266  
79 267 #pairwise_main div#suggestions_box #new_idea_button{
80   - background-color: #01bb00;
  268 + background-color: #DDD;
81 269 padding: 5px 10px 5px 10px;
82 270 cursor: pointer;
83 271 border-radius: 5px;
84   - -webkit-border-radius: 5px;
85   - -moz-border-radius: 5px;
  272 + -webkit-border-radius: 5px;
  273 + -moz-border-radius: 5px;
  274 + font-size: 16pt;
  275 + color: rgb(133, 133, 151);
86 276 }
87 277  
88 278 #pairwise_main div#suggestions_box div.suggestion_header {
... ... @@ -141,7 +331,6 @@ div#pairwise_form_fields textarea {
141 331 #pairwise_main div.skip_vote {
142 332 width: 150px;
143 333 float:none;
144   - color:white;
145 334 min-height: 18px;
146 335 height:auto;
147 336 padding: 0.5em;
... ... @@ -171,7 +360,6 @@ div#pairwise_form_fields textarea {
171 360 margin-bottom: 15px;
172 361 padding-left: 5px;
173 362 padding-right: 5px;
174   - /*float:left;*/
175 363 float:left;
176 364 background-color:#ccc;
177 365 height: 3em;
... ... @@ -187,12 +375,8 @@ div#pairwise_form_fields textarea {
187 375 border-color:#CCCCCC;
188 376 }
189 377  
190   -#pairwise_main div.skip_vote_reasons div:nth-child(even) {
191   - /*margin-left: 10px;*/
192   -}
193   -
194 378 #pairwise_main div.skip_vote a{
195   - color: white;
  379 + color: rgb(219, 162, 42);
196 380 text-decoration: none;
197 381 width: 100%;
198 382 }
... ... @@ -285,25 +469,6 @@ div.pairwise_group_list_container .arrow{
285 469 right: 20px;
286 470 margin-top: 10px;
287 471 }
288   -/*
289   -div.pairwise_group_list_container .arrow{
290   - display: inline-block;
291   - position: absolute;
292   - right: 20px;
293   - margin-top: 10px;
294   - height: 22px;
295   - width:23px;
296   - color: #2F5707;
297   - background: url('/designs/themes/participa-theme/images/arrow_right.jpg') no-repeat center;
298   -}
299   -
300   -div.pairwise_group_list_container .arrow.active{
301   - height: 18px;
302   - margin-top: 10px;
303   - right: 20px;
304   - width: 22px;
305   - background: url('/designs/themes/participa-theme/images/arrow_down.jpg') no-repeat center;
306   -}*/
307 472  
308 473 div.pairwise_group_list_container .row.secondary .arrow span {
309 474 background: url('/designs/themes/participa-theme/images/arrow_right.jpg') no-repeat center;
... ...
plugins/pairwise/views/content_viewer/_prompt_body.html.erb
  Diff comments   View file @eb3bd5e
... ... @@ -21,7 +21,7 @@
21 21 <% if pairwise_content.allow_new_ideas? %>
22 22 <% if user %>
23 23 <div id="suggestions_box">
24   - <span>Gostaria de sugerir uma ideia?</span>
  24 + <span><%= _('Would you like to suggest an idea?') %> </span>
25 25 <div class="suggestion_form">
26 26 <%= render :partial => "pairwise_plugin_profile/suggestion_form",
27 27 :locals => {:pairwise_content => pairwise_content, :embeded => embeded, :source => source} %>
... ...
plugins/pairwise/views/pairwise_plugin_profile/_suggestion_form.html.erb
  Diff comments   View file @eb3bd5e
... ... @@ -12,7 +12,7 @@
12 12 <%= text_area :idea, :text, :maxlenght => 160, :rows => 4, :placeholder => _('Type your idea here') %>
13 13 </div>
14 14 <div class="suggest_idea_btn">
15   - <%= submit_button('', '', :id => 'new_idea_button', :class => user ? '':'require-login-popup') %>
  15 + <%= submit_button('', _("Send"), :id => 'new_idea_button', :class => user ? '':'require-login-popup') %>
16 16 </div>
17 17 </div>
18 18 </div>
... ...