##// END OF EJS Templates
Add responsiveness to tabular forms (#19097)....
Jean-Philippe Lang -
r14443:0d5859133803
parent child
Show More
@@ -13,6 +13,7
13 D) TOGGLE BUTTON & FLYOUT MENU
13 D) TOGGLE BUTTON & FLYOUT MENU
14 E) UX ELEMENTS
14 E) UX ELEMENTS
15 F) PAGE SPECIFIC STYLES
15 F) PAGE SPECIFIC STYLES
16 G) FORMS
16
17
17 */
18 */
18
19
@@ -737,4 +738,30
737 {
738 {
738 margin: 0;
739 margin: 0;
739 }
740 }
741
742 /*----------------------------------------*\
743 G) FORMS
744 \*----------------------------------------*/
745
746 /* tabular forms resets for mobile */
747 .box.tabular p {
748 padding-left: 0;
749 }
750
751 .box.tabular label {
752 display: block;
753 width: 100%;
754 margin-left: 0;
755 text-align: left;
756 }
757
758 .box.tabular input, .box.tabular select, .box.tabular textarea {
759 width: 100%;
760 max-width: 100%;
761 }
762
763 .box.tabular input[type="checkbox"] {
764 width: auto;
765 max-width: 95%;
766 }
740 }
767 }
General Comments 0
You need to be logged in to leave comments. Login now