Commit 926bcdc1f80334bb51a1de98fcd74feb1601b95c
1 parent
7f841196
Exists in
master
and in
10 other branches
Bugfixes for responsive layout.
Showing
2 changed files
with
113 additions
and
0 deletions
Show diff stats
sass/_proposal_categories.scss
| @@ -176,3 +176,10 @@ | @@ -176,3 +176,10 @@ | ||
| 176 | #proposal-group .proposal-item { | 176 | #proposal-group .proposal-item { |
| 177 | border: none; | 177 | border: none; |
| 178 | } | 178 | } |
| 179 | + | ||
| 180 | +// @media only screen and (max-device-width: 480px) { | ||
| 181 | +@media only screen and (max-width: 480px) { | ||
| 182 | + .proposal-item { | ||
| 183 | + width: 95% !important; | ||
| 184 | + } | ||
| 185 | +} | ||
| 179 | \ No newline at end of file | 186 | \ No newline at end of file |
sass/_proposal_detail.scss
| @@ -516,3 +516,109 @@ | @@ -516,3 +516,109 @@ | ||
| 516 | } | 516 | } |
| 517 | } | 517 | } |
| 518 | } | 518 | } |
| 519 | + | ||
| 520 | +// @media only screen and (max-device-width: 480px) { | ||
| 521 | +@media only screen and (max-width: 480px) { | ||
| 522 | + form { | ||
| 523 | + .actions { | ||
| 524 | + float: none !important; | ||
| 525 | + width: 100% !important; | ||
| 526 | + text-align: center !important; | ||
| 527 | + a.login-action { | ||
| 528 | + font-weight: bolder !important; | ||
| 529 | + margin: 40px auto 0 !important; | ||
| 530 | + padding: 20px 0 !important; | ||
| 531 | + width: 60% !important; | ||
| 532 | + } | ||
| 533 | + } | ||
| 534 | + .oauth { | ||
| 535 | + float: none !important; | ||
| 536 | + width: 100% !important; | ||
| 537 | + .label { | ||
| 538 | + margin: 0 auto 10px !important; | ||
| 539 | + } | ||
| 540 | + a { | ||
| 541 | + vertical-align: middle !important; | ||
| 542 | + } | ||
| 543 | + .new-user { | ||
| 544 | + font-weight: bolder !important; | ||
| 545 | + margin: 0 10px !important; | ||
| 546 | + } | ||
| 547 | + } | ||
| 548 | + } | ||
| 549 | + .make-proposal-container { | ||
| 550 | + height: auto !important; | ||
| 551 | + margin-bottom: 10px !important; | ||
| 552 | + min-height: 0 !important; | ||
| 553 | + width: 100% !important; | ||
| 554 | + .make-proposal { | ||
| 555 | + height: auto !important; | ||
| 556 | + margin: 0 !important; | ||
| 557 | + min-height: 0 !important; | ||
| 558 | + } | ||
| 559 | + .send-proposal-button { | ||
| 560 | + text-align: center !important; | ||
| 561 | + a { | ||
| 562 | + position: relative !important; | ||
| 563 | + left: inherit !important; | ||
| 564 | + margin: auto !important; | ||
| 565 | + bottom: inherit !important; | ||
| 566 | + } | ||
| 567 | + } | ||
| 568 | + } | ||
| 569 | + .support-proposal-container { | ||
| 570 | + height: auto !important; | ||
| 571 | + margin-bottom: 10px !important; | ||
| 572 | + min-height: 0 !important; | ||
| 573 | + width: 100% !important; | ||
| 574 | + .support-proposal { | ||
| 575 | + height: auto !important; | ||
| 576 | + margin: 0 !important; | ||
| 577 | + min-height: 0 !important; | ||
| 578 | + } | ||
| 579 | + .vote-actions { | ||
| 580 | + .skip { | ||
| 581 | + position: relative !important; | ||
| 582 | + bottom: inherit !important; | ||
| 583 | + left: inherit !important; | ||
| 584 | + margin: 20px auto 0 !important; | ||
| 585 | + } | ||
| 586 | + .vote-result { | ||
| 587 | + position: relative !important; | ||
| 588 | + bottom: inherit !important; | ||
| 589 | + margin: 10px auto 10px !important; | ||
| 590 | + } | ||
| 591 | + } | ||
| 592 | + } | ||
| 593 | + .results-container { | ||
| 594 | + margin-bottom: 10px !important; | ||
| 595 | + .results-content { | ||
| 596 | + margin-top: 0 !important; | ||
| 597 | + } | ||
| 598 | + .truncated { | ||
| 599 | + padding: 0 10px !important; | ||
| 600 | + } | ||
| 601 | + } | ||
| 602 | + .experience-proposal-container { | ||
| 603 | + height: auto !important; | ||
| 604 | + margin-bottom: 10px !important; | ||
| 605 | + min-height: 0 !important; | ||
| 606 | + width: 100% !important; | ||
| 607 | + .experience-proposal { | ||
| 608 | + height: auto !important; | ||
| 609 | + margin: 0 !important; | ||
| 610 | + min-height: 0 !important; | ||
| 611 | + } | ||
| 612 | + } | ||
| 613 | + .talk-proposal-container { | ||
| 614 | + height: auto !important; | ||
| 615 | + margin-bottom: 10px !important; | ||
| 616 | + min-height: 0 !important; | ||
| 617 | + width: 100% !important; | ||
| 618 | + .talk-proposal { | ||
| 619 | + height: auto !important; | ||
| 620 | + margin: 0 !important; | ||
| 621 | + min-height: 0 !important; | ||
| 622 | + } | ||
| 623 | + } | ||
| 624 | +} | ||
| 519 | \ No newline at end of file | 625 | \ No newline at end of file |