Commit 0a7488b5335304f00acbbe1da65f2d307cb13b1c
1 parent
562baf0f
Exists in
master
and in
10 other branches
Fix #67 and Fix #68. Responsive issues.
Showing
2 changed files
with
52 additions
and
5 deletions
Show diff stats
js/main.js
| ... | ... | @@ -32,7 +32,7 @@ if(participa){ |
| 32 | 32 | |
| 33 | 33 | // Set isProduction to true when at production environment |
| 34 | 34 | // Set isProduction to false when at development environment |
| 35 | -var isProduction = true; // default is true | |
| 35 | +var isProduction = false; // default is true | |
| 36 | 36 | if( isProduction ){ |
| 37 | 37 | var noosferoAPI = host + '/api/v1/articles/' + proposal_discussion + '?private_token=' + private_token + '&fields=id,children,categories,abstract,body,title,image,url'; |
| 38 | 38 | } else { | ... | ... |
sass/_proposal_detail.scss
| ... | ... | @@ -246,7 +246,9 @@ |
| 246 | 246 | textarea#article_abstract { |
| 247 | 247 | height: 15%; |
| 248 | 248 | } |
| 249 | - .container-button a, input[type=submit], .success-proposal-sent a { | |
| 249 | + .container-button a, | |
| 250 | + input[type=submit], | |
| 251 | + .success-proposal-sent a { | |
| 250 | 252 | font-weight: bolder; |
| 251 | 253 | font-size: 14px; |
| 252 | 254 | text-transform: uppercase; |
| ... | ... | @@ -267,16 +269,22 @@ |
| 267 | 269 | } |
| 268 | 270 | } |
| 269 | 271 | .make-proposal-container{ |
| 270 | - .subtitle, .info, .success-proposal-sent { | |
| 272 | + | |
| 273 | + .subtitle, | |
| 274 | + .info, | |
| 275 | + .success-proposal-sent { | |
| 271 | 276 | margin: 20px; |
| 272 | 277 | color: #18376C; |
| 273 | 278 | } |
| 274 | - .subtitle, .success-proposal-sent { | |
| 279 | + | |
| 280 | + .subtitle, | |
| 281 | + .success-proposal-sent { | |
| 275 | 282 | font-size: 24px; |
| 276 | 283 | font-weight: bold; |
| 277 | 284 | } |
| 278 | 285 | .info { |
| 279 | 286 | font-size: 14px; |
| 287 | + overflow-y: auto; | |
| 280 | 288 | } |
| 281 | 289 | .name { |
| 282 | 290 | margin-bottom: 15px; |
| ... | ... | @@ -324,6 +332,8 @@ |
| 324 | 332 | text-align: center; |
| 325 | 333 | .container-title { |
| 326 | 334 | text-align: center; |
| 335 | + width: 100%; | |
| 336 | + margin: 20px auto; | |
| 327 | 337 | } |
| 328 | 338 | .support-proposal{ |
| 329 | 339 | border: 1px solid $color; |
| ... | ... | @@ -378,6 +388,7 @@ |
| 378 | 388 | text-align: center; |
| 379 | 389 | position: absolute; |
| 380 | 390 | bottom: 10px; |
| 391 | + left: 0; | |
| 381 | 392 | text-decoration: none; |
| 382 | 393 | color: $color; |
| 383 | 394 | } |
| ... | ... | @@ -547,9 +558,45 @@ |
| 547 | 558 | font-size: 12px; |
| 548 | 559 | } |
| 549 | 560 | } |
| 561 | + | |
| 562 | + .support-proposal .abstract{ | |
| 563 | + overflow-y: auto; | |
| 564 | + max-height: 190px; | |
| 565 | + margin-bottom: 10px; | |
| 566 | + | |
| 567 | + @media only screen and (max-width: 1048px) { | |
| 568 | + max-height: 140px; | |
| 569 | + font-size: 20px; | |
| 570 | + } | |
| 571 | + } | |
| 572 | +} | |
| 573 | + | |
| 574 | +@media only screen and (max-width: 992px) { | |
| 575 | + | |
| 576 | + .proposal-detail { | |
| 577 | + | |
| 578 | + .container-title { | |
| 579 | + font-size: 30px !important; | |
| 580 | + margin-bottom: 15px !important; | |
| 581 | + } | |
| 582 | + | |
| 583 | + .make-proposal-container { | |
| 584 | + | |
| 585 | + .subtitle { | |
| 586 | + margin: 5px 20px !important; | |
| 587 | + font-size: 20px !important; | |
| 588 | + } | |
| 589 | + | |
| 590 | + .info { | |
| 591 | + margin: 0 20px !important; | |
| 592 | + max-height: 40px !important; | |
| 593 | + } | |
| 594 | + } | |
| 595 | + | |
| 596 | + } | |
| 597 | + | |
| 550 | 598 | } |
| 551 | 599 | |
| 552 | -// @media only screen and (max-device-width: 480px) { | |
| 553 | 600 | @media only screen and (max-width: 768px) { |
| 554 | 601 | .proposal-header { |
| 555 | 602 | .title { | ... | ... |