Skip to:
Content

BuddyPress.org

Ticket #7081: 7081.patch

File 7081.patch, 5.7 KB (added by mercime, 8 years ago)
  • src/bp-members/admin/css/admin-rtl.css

     
    128128        vertical-align: top;
    129129}
    130130.bp-profile-field .description {  /* description also sits in the right side column */
    131         margin: 10px 200px 10px 0;
     131        margin: 10px 200px 12px 0;
    132132        text-align: right;
    133133}
    134134.clear-value {  /* 'clear value' option also sits in the right side column */
     
    160160        margin-bottom: 15px;
    161161}
    162162#normal-sortables .field-visibility-settings legend {  /* id required for css selector weight */
    163         font-size: 16px;
    164         margin-bottom: 10px;
     163        font-size: 14px;
     164        font-weight:600;
    165165}
    166166
    167167#your-profile .bp-profile-field .checkbox legend,
     
    177177}
    178178
    179179#your-profile .bp-profile-field .radio legend {
     180        margin-bottom: 20px;
    180181        vertical-align: top;
    181182}
    182183
     
    183184.bp-profile-field .radio .clear-value {
    184185        margin-top: 10px;
    185186}
     187
     188@media screen and (max-width: 782px) {
     189        #your-profile .bp-profile-field .checkbox legend,
     190        #your-profile .bp-profile-field .datebox legend,
     191        #your-profile .bp-profile-field .radio legend,
     192        .bp-profile-field label {
     193                clear: right;
     194                display: block;
     195                margin-bottom: 12px;
     196        }
     197        .bp-profile-field .checkbox > label,
     198        .bp-profile-field .checkbox > label + label {
     199                margin-right: 50px;
     200        }
     201        .bp-profile-field .checkbox label,
     202        .bp-profile-field .radio label {
     203                line-height: 1.4em;
     204                margin-bottom: 12px;
     205                vertical-align: middle;
     206        }
     207        .bp-profile-field .checkbox input[type="checkbox"],
     208        .bp-profile-field .radio input[type="radio"] {
     209                vertical-align: top;
     210        }
     211        .bp-profile-field .clear-value,
     212        .bp-profile-field .description,
     213        .bp-profile-field input[type="email"],
     214        .bp-profile-field input[type="number"],
     215        .bp-profile-field input[type="radio"],
     216        .bp-profile-field input[type="text"],
     217        .bp-profile-field input[type="url"],
     218        .bp-profile-field select:nth-of-type(1),
     219        .bp-profile-field .wp-editor-wrap,
     220        .field-visibility-settings-notoggle,
     221        .field-visibility-settings-toggle {
     222                clear: right;
     223                margin-right: 50px;
     224        }
     225        .field-visibility-settings {
     226                margin-right: 100px;
     227        }
     228        #your-profile .field_multiselectbox select {
     229                height: auto;
     230        }
     231}
     232
     233@media screen and (max-width: 480px) {
     234        .bp-profile-field .checkbox > label,
     235        .bp-profile-field .checkbox > label + label,
     236        .bp-profile-field .clear-value,
     237        .bp-profile-field .description,
     238        .bp-profile-field input[type="email"],
     239        .bp-profile-field input[type="number"],
     240        .bp-profile-field input[type="radio"],
     241        .bp-profile-field input[type="text"],
     242        .bp-profile-field input[type="url"],
     243        .bp-profile-field select:nth-of-type(1),
     244        .bp-profile-field .wp-editor-wrap,
     245        .field-visibility-settings-notoggle,
     246        .field-visibility-settings-toggle {
     247                margin-right: 0;
     248        }
     249        .field-visibility-settings {
     250                margin-right: 50px;
     251        }
     252}
  • src/bp-members/admin/css/admin.css

     
    128128        vertical-align: top;
    129129}
    130130.bp-profile-field .description {  /* description also sits in the right side column */
    131         margin: 10px 0 10px 200px;
     131        margin: 10px 0 12px 200px;
    132132        text-align: left;
    133133}
    134134.clear-value {  /* 'clear value' option also sits in the right side column */
     
    160160        margin-bottom: 15px;
    161161}
    162162#normal-sortables .field-visibility-settings legend {  /* id required for css selector weight */
    163         font-size: 16px;
    164         margin-bottom: 10px;
     163        font-size: 14px;
     164        font-weight:600;
    165165}
    166166
    167167#your-profile .bp-profile-field .checkbox legend,
     
    177177}
    178178
    179179#your-profile .bp-profile-field .radio legend {
     180        margin-bottom: 20px;
    180181        vertical-align: top;
    181182}
    182183
     
    183184.bp-profile-field .radio .clear-value {
    184185        margin-top: 10px;
    185186}
     187
     188@media screen and (max-width: 782px) {
     189        #your-profile .bp-profile-field .checkbox legend,
     190        #your-profile .bp-profile-field .datebox legend,
     191        #your-profile .bp-profile-field .radio legend,
     192        .bp-profile-field label {
     193                clear: left;
     194                display: block;
     195                margin-bottom: 12px;
     196        }
     197        .bp-profile-field .checkbox > label,
     198        .bp-profile-field .checkbox > label + label {
     199                margin-left: 50px;
     200        }
     201        .bp-profile-field .checkbox label,
     202        .bp-profile-field .radio label {
     203                line-height: 1.4em;
     204                margin-bottom: 12px;
     205                vertical-align: middle;
     206        }
     207        .bp-profile-field .checkbox input[type="checkbox"],
     208        .bp-profile-field .radio input[type="radio"] {
     209                vertical-align: top;
     210        }
     211        .bp-profile-field .clear-value,
     212        .bp-profile-field .description,
     213        .bp-profile-field input[type="email"],
     214        .bp-profile-field input[type="number"],
     215        .bp-profile-field input[type="radio"],
     216        .bp-profile-field input[type="text"],
     217        .bp-profile-field input[type="url"],
     218        .bp-profile-field select:nth-of-type(1),
     219        .bp-profile-field .wp-editor-wrap,
     220        .field-visibility-settings-notoggle,
     221        .field-visibility-settings-toggle {
     222                clear: left;
     223                margin-left: 50px;
     224        }
     225        .field-visibility-settings {
     226                margin-left: 100px;
     227        }
     228        #your-profile .field_multiselectbox select {
     229                height: auto;
     230        }
     231}
     232
     233@media screen and (max-width: 480px) {
     234        .bp-profile-field .checkbox > label,
     235        .bp-profile-field .checkbox > label + label,
     236        .bp-profile-field .clear-value,
     237        .bp-profile-field .description,
     238        .bp-profile-field input[type="email"],
     239        .bp-profile-field input[type="number"],
     240        .bp-profile-field input[type="radio"],
     241        .bp-profile-field input[type="text"],
     242        .bp-profile-field input[type="url"],
     243        .bp-profile-field select:nth-of-type(1),
     244        .bp-profile-field .wp-editor-wrap,
     245        .field-visibility-settings-notoggle,
     246        .field-visibility-settings-toggle {
     247                margin-left: 0;
     248        }
     249        .field-visibility-settings {
     250                margin-left: 50px;
     251        }
     252}