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 | 176 | #proposal-group .proposal-item { |
| 177 | 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 | 186 | \ No newline at end of file | ... | ... |
sass/_proposal_detail.scss
| ... | ... | @@ -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 | 625 | \ No newline at end of file | ... | ... |