Skip to:
Content

BuddyPress.org

Ticket #7083: 7083-admin-css.patch

File 7083-admin-css.patch, 4.9 KB (added by mercime, 8 years ago)

Add style support for Users > Extended Profiles screen

  • src/bp-members/admin/css/admin-rtl.css

     
    1 /**** BP Members Profile Administration Screens ****/
     1/**** BP Members Profile Administration Screens
     2* TO DO: Organize and clean up stylesheet.
     3****/
    24
    35div#profile-page.wrap form#your-profile {
    46        position: relative;
     
    141143        margin-right: 200px;
    142144        width: auto;
    143145}
    144 .field_type_radio .radio div:not(.field-visibility-settings) label {  /* force radio buttons to new lines */
     146.field_type_radio .radio div:not(.field-visibility-settings) label,
     147.field_type_checkbox .checkbox div:not(.field-visibility-settings) label {
     148        /* force checkboxes and radio buttons to new lines */
    145149        display: block;
    146150}
    147 .field_type_radio .radio div:not(.field-visibility-settings) {  /* make the radio buttons sit in the right side column */
     151.field_type_checkbox .checkbox div:not(.field-visibility-settings),
     152.field_type_datebox .datebox div:not(.field-visibility-settings),
     153.field_type_radio .radio div:not(.field-visibility-settings) {
     154        /* make the checkboxes, select menus, and radio buttons sit in the right side column */
    148155        display: inline-block;
    149156}
    150157.field-visibility-settings-notoggle,
     
    176183        width: 192px;
    177184}
    178185
    179 #your-profile .bp-profile-field .radio legend {
     186#your-profile .bp-profile-field .radio legend,
     187#your-profile .bp-profile-field .checkbox legend {
    180188        margin-bottom: 20px;
    181189        vertical-align: top;
    182190}
     
    194202                display: block;
    195203                margin-bottom: 12px;
    196204        }
    197         .bp-profile-field .checkbox > label,
    198         .bp-profile-field .checkbox > label + label {
    199                 margin-right: 50px;
    200         }
    201205        .bp-profile-field .checkbox label,
    202206        .bp-profile-field .radio label {
    203207                line-height: 1.4em;
     
    210214        }
    211215        .bp-profile-field .clear-value,
    212216        .bp-profile-field .description,
     217        .bp-profile-field input[type="checkbox"],
    213218        .bp-profile-field input[type="email"],
    214219        .bp-profile-field input[type="number"],
    215220        .bp-profile-field input[type="radio"],
     
    231236}
    232237
    233238@media screen and (max-width: 480px) {
    234         .bp-profile-field .checkbox > label,
    235         .bp-profile-field .checkbox > label + label,
    236239        .bp-profile-field .clear-value,
    237240        .bp-profile-field .description,
     241        .bp-profile-field input[type="checkbox"],
    238242        .bp-profile-field input[type="email"],
    239243        .bp-profile-field input[type="number"],
    240244        .bp-profile-field input[type="radio"],
  • src/bp-members/admin/css/admin.css

     
    1 /**** BP Members Profile Administration Screens ****/
     1/**** BP Members Profile Administration Screens
     2* TO DO: Organize and clean up stylesheet.
     3****/
    24
    35div#profile-page.wrap form#your-profile {
    46        position: relative;
     
    141143        margin-left: 200px;
    142144        width: auto;
    143145}
    144 .field_type_radio .radio div:not(.field-visibility-settings) label {  /* force radio buttons to new lines */
     146.field_type_radio .radio div:not(.field-visibility-settings) label,
     147.field_type_checkbox .checkbox div:not(.field-visibility-settings) label {
     148        /* force checkboxes and radio buttons to new lines */
    145149        display: block;
    146150}
    147 .field_type_radio .radio div:not(.field-visibility-settings) {  /* make the radio buttons sit in the right side column */
     151.field_type_checkbox .checkbox div:not(.field-visibility-settings),
     152.field_type_datebox .datebox div:not(.field-visibility-settings),
     153.field_type_radio .radio div:not(.field-visibility-settings) {
     154        /* make the checkboxes, select menus, and radio buttons sit in the right side column */
    148155        display: inline-block;
    149156}
    150157.field-visibility-settings-notoggle,
     
    176183        width: 192px;
    177184}
    178185
    179 #your-profile .bp-profile-field .radio legend {
     186#your-profile .bp-profile-field .radio legend,
     187#your-profile .bp-profile-field .checkbox legend {
    180188        margin-bottom: 20px;
    181189        vertical-align: top;
    182190}
     
    194202                display: block;
    195203                margin-bottom: 12px;
    196204        }
    197         .bp-profile-field .checkbox > label,
    198         .bp-profile-field .checkbox > label + label {
    199                 margin-left: 50px;
    200         }
    201205        .bp-profile-field .checkbox label,
    202206        .bp-profile-field .radio label {
    203207                line-height: 1.4em;
     
    210214        }
    211215        .bp-profile-field .clear-value,
    212216        .bp-profile-field .description,
     217        .bp-profile-field input[type="checkbox"],
    213218        .bp-profile-field input[type="email"],
    214219        .bp-profile-field input[type="number"],
    215220        .bp-profile-field input[type="radio"],
     
    231236}
    232237
    233238@media screen and (max-width: 480px) {
    234         .bp-profile-field .checkbox > label,
    235         .bp-profile-field .checkbox > label + label,
    236239        .bp-profile-field .clear-value,
    237240        .bp-profile-field .description,
     241        .bp-profile-field input[type="checkbox"],
    238242        .bp-profile-field input[type="email"],
    239243        .bp-profile-field input[type="number"],
    240244        .bp-profile-field input[type="radio"],