0010-Add-responsiveness-to-tabular-forms.patch

Felix Gliesche, 2015-03-24 19:18

Download (1.26 KB)

View differences:

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
}
735
-