Feature #19097 » 0010-Add-responsiveness-to-tabular-forms.patch
| public/stylesheets/responsive.css | ||
|---|---|---|
| 13 | 13 |
D) TOGGLE BUTTON & FLYOUT MENU |
| 14 | 14 |
E) UX ELEMENTS |
| 15 | 15 |
F) PAGE SPECIFIC STYLES |
| 16 |
G) FORMS |
|
| 16 | 17 | |
| 17 | 18 |
*/ |
| 18 | 19 | |
| ... | ... | |
| 731 | 732 |
margin: 0; |
| 732 | 733 |
} |
| 733 | 734 | |
| 735 |
/*----------------------------------------*\ |
|
| 736 |
G) FORMS |
|
| 737 |
\*----------------------------------------*/ |
|
| 738 | ||
| 739 |
/* tabular forms resets for mobile */ |
|
| 740 |
.box.tabular p {
|
|
| 741 |
padding-left: 0; |
|
| 742 |
} |
|
| 743 | ||
| 744 |
.box.tabular label {
|
|
| 745 |
display: block; |
|
| 746 |
width: 100%; |
|
| 747 |
margin-left: 0; |
|
| 748 |
text-align: left; |
|
| 749 |
} |
|
| 750 | ||
| 751 |
.box.tabular input, .box.tabular select, .box.tabular textarea {
|
|
| 752 |
width: 100%; |
|
| 753 |
max-width: 100%; |
|
| 754 |
} |
|
| 755 | ||
| 756 |
.box.tabular input[type="checkbox"] {
|
|
| 757 |
width: auto; |
|
| 758 |
max-width: 95%; |
|
| 759 |
} |
|
| 734 | 760 |
} |
