0001-scss-reduce-height-of-file-input-on-all-devices-2972.patch
static/includes/_wcs.scss | ||
---|---|---|
577 | 577 |
box-sizing: border-box; |
578 | 578 |
border: $widget-border; |
579 | 579 |
border-radius: $widget-border-radius; |
580 |
height: 200px; |
|
581 |
@media screen and (max-width: $mobile-limit) { |
|
582 |
height: 150px; |
|
583 |
} |
|
580 |
height: 150px; |
|
584 | 581 |
position: relative; |
585 | 582 |
text-align: center; |
586 | 583 |
input { |
... | ... | |
606 | 603 |
font-family: FontAwesome; |
607 | 604 |
font-size: 40px; |
608 | 605 |
display: block; |
609 |
padding-top: 40px;
|
|
606 |
padding-top: 0px; |
|
610 | 607 |
padding-bottom: 10px; |
611 |
@media screen and (max-width: $mobile-limit) { |
|
612 |
padding-top: 20px; |
|
613 |
} |
|
614 | 608 |
} |
615 | 609 |
&::after { |
616 | 610 |
pointer-events: none; |
... | ... | |
620 | 614 |
display: block; |
621 | 615 |
position: absolute; |
622 | 616 |
left: calc(50% + 10px); |
623 |
top: 50px;
|
|
617 |
top: 30px;
|
|
624 | 618 |
color: $button-background; |
625 |
@media screen and (max-width: $mobile-limit) { |
|
626 |
top: 30px; |
|
627 |
} |
|
628 | 619 |
} |
629 | 620 |
&.upload-done::after { |
630 | 621 |
content: "\f05d"; // check-circle-o |
631 |
- |