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 | ... | ... |