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,7 +32,7 @@ if(participa){ | ||
| 32 | 32 | ||
| 33 | // Set isProduction to true when at production environment | 33 | // Set isProduction to true when at production environment |
| 34 | // Set isProduction to false when at development environment | 34 | // Set isProduction to false when at development environment |
| 35 | -var isProduction = true; // default is true | 35 | +var isProduction = false; // default is true |
| 36 | if( isProduction ){ | 36 | if( isProduction ){ |
| 37 | var noosferoAPI = host + '/api/v1/articles/' + proposal_discussion + '?private_token=' + private_token + '&fields=id,children,categories,abstract,body,title,image,url'; | 37 | var noosferoAPI = host + '/api/v1/articles/' + proposal_discussion + '?private_token=' + private_token + '&fields=id,children,categories,abstract,body,title,image,url'; |
| 38 | } else { | 38 | } else { |
sass/_proposal_detail.scss
| @@ -246,7 +246,9 @@ | @@ -246,7 +246,9 @@ | ||
| 246 | textarea#article_abstract { | 246 | textarea#article_abstract { |
| 247 | height: 15%; | 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 | font-weight: bolder; | 252 | font-weight: bolder; |
| 251 | font-size: 14px; | 253 | font-size: 14px; |
| 252 | text-transform: uppercase; | 254 | text-transform: uppercase; |
| @@ -267,16 +269,22 @@ | @@ -267,16 +269,22 @@ | ||
| 267 | } | 269 | } |
| 268 | } | 270 | } |
| 269 | .make-proposal-container{ | 271 | .make-proposal-container{ |
| 270 | - .subtitle, .info, .success-proposal-sent { | 272 | + |
| 273 | + .subtitle, | ||
| 274 | + .info, | ||
| 275 | + .success-proposal-sent { | ||
| 271 | margin: 20px; | 276 | margin: 20px; |
| 272 | color: #18376C; | 277 | color: #18376C; |
| 273 | } | 278 | } |
| 274 | - .subtitle, .success-proposal-sent { | 279 | + |
| 280 | + .subtitle, | ||
| 281 | + .success-proposal-sent { | ||
| 275 | font-size: 24px; | 282 | font-size: 24px; |
| 276 | font-weight: bold; | 283 | font-weight: bold; |
| 277 | } | 284 | } |
| 278 | .info { | 285 | .info { |
| 279 | font-size: 14px; | 286 | font-size: 14px; |
| 287 | + overflow-y: auto; | ||
| 280 | } | 288 | } |
| 281 | .name { | 289 | .name { |
| 282 | margin-bottom: 15px; | 290 | margin-bottom: 15px; |
| @@ -324,6 +332,8 @@ | @@ -324,6 +332,8 @@ | ||
| 324 | text-align: center; | 332 | text-align: center; |
| 325 | .container-title { | 333 | .container-title { |
| 326 | text-align: center; | 334 | text-align: center; |
| 335 | + width: 100%; | ||
| 336 | + margin: 20px auto; | ||
| 327 | } | 337 | } |
| 328 | .support-proposal{ | 338 | .support-proposal{ |
| 329 | border: 1px solid $color; | 339 | border: 1px solid $color; |
| @@ -378,6 +388,7 @@ | @@ -378,6 +388,7 @@ | ||
| 378 | text-align: center; | 388 | text-align: center; |
| 379 | position: absolute; | 389 | position: absolute; |
| 380 | bottom: 10px; | 390 | bottom: 10px; |
| 391 | + left: 0; | ||
| 381 | text-decoration: none; | 392 | text-decoration: none; |
| 382 | color: $color; | 393 | color: $color; |
| 383 | } | 394 | } |
| @@ -547,9 +558,45 @@ | @@ -547,9 +558,45 @@ | ||
| 547 | font-size: 12px; | 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 | @media only screen and (max-width: 768px) { | 600 | @media only screen and (max-width: 768px) { |
| 554 | .proposal-header { | 601 | .proposal-header { |
| 555 | .title { | 602 | .title { |