Skip to:
Content

BuddyPress.org

Changeset 13677


Ignore:
Timestamp:
12/20/2023 12:34:01 PM (5 months ago)
Author:
imath
Message:

Improve BP Block Widgets front-end styles

Make sure the needed front-end CSS rules are included. These were lost during the Legacy Widgets removal (see #8869).

Fixes #9037 (branch 12.0)

Location:
branches/12.0/src
Files:
24 edited

Legend:

Unmodified
Added
Removed
  • branches/12.0/src/bp-core/blocks/login-form/index.asset.php

    r13463 r13677  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'f6af0d59e563cbad632b');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'e3fe4f4f5991647f8057');
  • branches/12.0/src/bp-core/blocks/login-form/index.css

    r13463 r13677  
    1 .widget_bp_core_login_widget .bp-login-widget-user-avatar{float:left}.widget_bp_core_login_widget .bp-login-widget-user-links{margin-left:70px}#bp-login-widget-form label{display:block;font-weight:600;margin:15px 0 5px;width:auto}#bp-login-widget-form input[type=password],#bp-login-widget-form input[type=text]{background-color:#fafafa;border:1px solid #d6d6d6;border-radius:0;font:inherit;font-size:100%;padding:.5em;width:100%}#bp-login-widget-form .bp-login-widget-register-link,#bp-login-widget-form .login-submit{display:inline;width:-moz-fit-content;width:fit-content}#bp-login-widget-form .bp-login-widget-register-link{margin-left:1em;vertical-align:super}#bp-login-widget-form .bp-login-widget-pwd-link{font-size:80%}
     1.widget_bp_core_login_widget .bp-login-widget-user-avatar{float:left}.widget_bp_core_login_widget .bp-login-widget-user-links{margin-left:70px}#bp-login-widget-form label{display:block;font-weight:600;margin:15px 0 5px;width:auto}#bp-login-widget-form input[type=password],#bp-login-widget-form input[type=text]{background-color:#fafafa;border:1px solid #d6d6d6;border-radius:0;font:inherit;font-size:100%;padding:.5em;width:100%}#bp-login-widget-form .bp-login-widget-register-link,#bp-login-widget-form .login-submit{display:inline;width:-moz-fit-content;width:fit-content}#bp-login-widget-form .bp-login-widget-register-link{margin-left:1em}#bp-login-widget-form .bp-login-widget-register-link a{filter:invert(1)}#bp-login-widget-form .bp-login-widget-pwd-link{font-size:80%}
  • branches/12.0/src/bp-core/bp-core-blocks.php

    r13535 r13677  
    272272        if ( bp_get_signup_allowed() ) {
    273273            $content .= sprintf(
    274                 '<p class="bp-login-widget-register-link"><a href="%1$s">%2$s</a></p>',
     274                '<p class="bp-login-widget-register-link"><a href="%1$s" class="wp-block-button__link wp-element-button">%2$s</a></p>',
    275275                esc_url( bp_get_signup_page() ),
    276276                esc_html__( 'Register', 'buddypress' )
     
    416416        add_filter( 'login_form_bottom', 'bp_blocks_get_login_widget_registration_link', 10, 2 );
    417417
    418         $widget_content .= wp_login_form(
    419             array(
    420                 'echo'             => false,
    421                 'form_id'          => 'bp-login-widget-form',
    422                 'id_username'      => 'bp-login-widget-user-login',
    423                 'label_username'   => __( 'Username', 'buddypress' ),
    424                 'id_password'      => 'bp-login-widget-user-pass',
    425                 'label_password'   => __( 'Password', 'buddypress' ),
    426                 'id_remember'      => 'bp-login-widget-rememberme',
    427                 'id_submit'        => 'bp-login-widget-submit',
    428                 'include_pwd_link' => $pwd_link,
     418        $widget_content .= str_replace(
     419            'button button-primary',
     420            'wp-block-button__link wp-element-button',
     421            wp_login_form(
     422                array(
     423                    'echo'             => false,
     424                    'form_id'          => 'bp-login-widget-form',
     425                    'id_username'      => 'bp-login-widget-user-login',
     426                    'label_username'   => __( 'Username', 'buddypress' ),
     427                    'id_password'      => 'bp-login-widget-user-pass',
     428                    'label_password'   => __( 'Password', 'buddypress' ),
     429                    'id_remember'      => 'bp-login-widget-rememberme',
     430                    'id_submit'        => 'bp-login-widget-submit',
     431                    'include_pwd_link' => $pwd_link,
     432                )
    429433            )
    430434        );
  • branches/12.0/src/bp-friends/blocks/dynamic-friends/index.asset.php

    r13489 r13677  
    1 <?php return array('dependencies' => array('bp-block-data', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'cdcef77a7acfa71a8788');
     1<?php return array('dependencies' => array('bp-block-data', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'd5de7e0ecc91867f68c1');
  • branches/12.0/src/bp-friends/blocks/dynamic-friends/index.css

    r13463 r13677  
    1 .bp-dynamic-block-container .item-options{font-size:.5em;margin:0 0 1em;padding:1em 0}.bp-dynamic-block-container .item-options a.selected{font-weight:600}.bp-dynamic-block-container ul.item-list{list-style:none;margin:1em 0}.bp-dynamic-block-container ul.item-list li{margin-bottom:1em}.bp-dynamic-block-container ul.item-list li:after,.bp-dynamic-block-container ul.item-list li:before{content:" ";display:table}.bp-dynamic-block-container ul.item-list li:after{clear:both}.bp-dynamic-block-container ul.item-list li .item-avatar{float:left;width:60px}.bp-dynamic-block-container ul.item-list li .item{margin-left:70px}
     1.bp-dynamic-block-container .item-options{font-size:.5em;margin:0 0 1em;padding:1em 0}.bp-dynamic-block-container .item-options a.selected{font-weight:600}.bp-dynamic-block-container ul.item-list{list-style:none;margin:1em 0;padding-left:0}.bp-dynamic-block-container ul.item-list li{margin-bottom:1em}.bp-dynamic-block-container ul.item-list li:after,.bp-dynamic-block-container ul.item-list li:before{content:" ";display:table}.bp-dynamic-block-container ul.item-list li:after{clear:both}.bp-dynamic-block-container ul.item-list li .item-avatar{float:left;width:60px}.bp-dynamic-block-container ul.item-list li .item{margin-left:70px}
  • branches/12.0/src/bp-groups/blocks/dynamic-groups/index.asset.php

    r13489 r13677  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => '323f945b64a76b7afb9f');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => '50207b0e2411b5dba0e5');
  • branches/12.0/src/bp-groups/blocks/dynamic-groups/index.css

    r13463 r13677  
    1 .bp-dynamic-block-container .item-options{font-size:.5em;margin:0 0 1em;padding:1em 0}.bp-dynamic-block-container .item-options a.selected{font-weight:600}.bp-dynamic-block-container ul.item-list{list-style:none;margin:1em 0}.bp-dynamic-block-container ul.item-list li{margin-bottom:1em}.bp-dynamic-block-container ul.item-list li:after,.bp-dynamic-block-container ul.item-list li:before{content:" ";display:table}.bp-dynamic-block-container ul.item-list li:after{clear:both}.bp-dynamic-block-container ul.item-list li .item-avatar{float:left;width:60px}.bp-dynamic-block-container ul.item-list li .item{margin-left:70px}
     1.bp-dynamic-block-container .item-options{font-size:.5em;margin:0 0 1em;padding:1em 0}.bp-dynamic-block-container .item-options a.selected{font-weight:600}.bp-dynamic-block-container ul.item-list{list-style:none;margin:1em 0;padding-left:0}.bp-dynamic-block-container ul.item-list li{margin-bottom:1em}.bp-dynamic-block-container ul.item-list li:after,.bp-dynamic-block-container ul.item-list li:before{content:" ";display:table}.bp-dynamic-block-container ul.item-list li:after{clear:both}.bp-dynamic-block-container ul.item-list li .item-avatar{float:left;width:60px}.bp-dynamic-block-container ul.item-list li .item{margin-left:70px}
  • branches/12.0/src/bp-groups/bp-groups-blocks.php

    r13596 r13677  
    137137        $action_button = sprintf(
    138138            '<div class="bp-profile-button">
    139                 <a href="%1$s" class="button large primary button-primary" role="button">%2$s</a>
     139                <a href="%1$s" class="button large primary button-primary wp-block-button__link wp-element-button" role="button">%2$s</a>
    140140            </div>',
    141141            esc_url( $group_link ),
  • branches/12.0/src/bp-members/blocks/active-members/index.asset.php

    r13463 r13677  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => '173d906568d559b8d389');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => '5861e64bdbe99a973ca6');
  • branches/12.0/src/bp-members/blocks/active-members/index.css

    r13463 r13677  
    1 [data-type="bp/active-members"] .avatar-block{display:flex;flex-flow:row wrap}[data-type="bp/active-members"] .avatar-block img{margin:.5em}
     1.wp-block-bp-active-members .avatar-block,[data-type="bp/active-members"] .avatar-block{display:flex;flex-flow:row wrap}.wp-block-bp-active-members .avatar-block img,[data-type="bp/active-members"] .avatar-block img{margin:.5em}
  • branches/12.0/src/bp-members/blocks/dynamic-members/index.asset.php

    r13489 r13677  
    1 <?php return array('dependencies' => array('bp-block-data', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => '7f8756c40e829cc9d3a0');
     1<?php return array('dependencies' => array('bp-block-data', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'd39aff2f645a4e5c4f49');
  • branches/12.0/src/bp-members/blocks/dynamic-members/index.css

    r13463 r13677  
    1 .bp-dynamic-block-container .item-options{font-size:.5em;margin:0 0 1em;padding:1em 0}.bp-dynamic-block-container .item-options a.selected{font-weight:600}.bp-dynamic-block-container ul.item-list{list-style:none;margin:1em 0}.bp-dynamic-block-container ul.item-list li{margin-bottom:1em}.bp-dynamic-block-container ul.item-list li:after,.bp-dynamic-block-container ul.item-list li:before{content:" ";display:table}.bp-dynamic-block-container ul.item-list li:after{clear:both}.bp-dynamic-block-container ul.item-list li .item-avatar{float:left;width:60px}.bp-dynamic-block-container ul.item-list li .item{margin-left:70px}
     1.bp-dynamic-block-container .item-options{font-size:.5em;margin:0 0 1em;padding:1em 0}.bp-dynamic-block-container .item-options a.selected{font-weight:600}.bp-dynamic-block-container ul.item-list{list-style:none;margin:1em 0;padding-left:0}.bp-dynamic-block-container ul.item-list li{margin-bottom:1em}.bp-dynamic-block-container ul.item-list li:after,.bp-dynamic-block-container ul.item-list li:before{content:" ";display:table}.bp-dynamic-block-container ul.item-list li:after{clear:both}.bp-dynamic-block-container ul.item-list li .item-avatar{float:left;width:60px}.bp-dynamic-block-container ul.item-list li .item{margin-left:70px}
  • branches/12.0/src/bp-members/blocks/online-members/index.asset.php

    r13463 r13677  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'f4f530e6866af7f9bf16');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'f23f88b15eb2d2c469e3');
  • branches/12.0/src/bp-members/blocks/online-members/index.css

    r13463 r13677  
    1 [data-type="bp/online-members"] .avatar-block{display:flex;flex-flow:row wrap}[data-type="bp/online-members"] .avatar-block img{margin:.5em}
     1.wp-block-bp-online-members .avatar-block,[data-type="bp/online-members"] .avatar-block{display:flex;flex-flow:row wrap}.wp-block-bp-online-members .avatar-block img,[data-type="bp/online-members"] .avatar-block img{margin:.5em}
  • branches/12.0/src/bp-members/bp-members-blocks.php

    r13596 r13677  
    128128        $action_button = sprintf(
    129129            '<div class="bp-profile-button">
    130                 <a href="%1$s" class="button large primary button-primary" role="button">%2$s</a>
     130                <a href="%1$s" class="button large primary button-primary wp-block-button__link wp-element-button" role="button">%2$s</a>
    131131            </div>',
    132132            esc_url( $member_link ),
  • branches/12.0/src/bp-messages/blocks/sitewide-notices/index.asset.php

    r13463 r13677  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => '22dc14f901939fb72658');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => 'd779936e6bd0a501face');
  • branches/12.0/src/bp-messages/blocks/sitewide-notices/index.css

    r13463 r13677  
    1 [data-type="bp/sitewide-notices"] .bp-screen-reader-text{clip:rect(0 0 0 0);word-wrap:normal!important;border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}[data-type="bp/sitewide-notices"] [data-bp-tooltip]:after{word-wrap:break-word;background-color:#fff;border:1px solid #737373;border-radius:1px;box-shadow:4px 4px 8px rgba(0,0,0,.2);color:#333;content:attr(data-bp-tooltip);display:none;font-family:Helvetica Neue,Helvetica,Arial,san-serif;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.25;max-width:200px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;text-shadow:none;text-transform:none;transform:translateZ(0);transition:all 1.5s ease;visibility:hidden;white-space:nowrap;z-index:100000}[data-type="bp/sitewide-notices"] .bp-tooltip:after{left:50%;margin-top:7px;top:110%;transform:translate(-50%)}.bp-sitewide-notice-block{border-left:4px solid #ff853c;padding-left:1em;position:relative}.bp-sitewide-notice-block h2:before{background:none;border:none}.bp-sitewide-notice-block .dismiss-notice{background-color:transparent;border:1px solid #ff853c;color:#ff853c;display:block;padding:.2em .5em;position:absolute;right:.5em;top:.5em;width:-moz-fit-content;width:fit-content}.bp-sitewide-notice-block .dismiss-notice:hover{background-color:#ff853c;color:#fff}
     1.bp-sitewide-notice-block .bp-screen-reader-text,[data-type="bp/sitewide-notices"] .bp-screen-reader-text{clip:rect(0 0 0 0);word-wrap:normal!important;border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.bp-sitewide-notice-block [data-bp-tooltip]:after,[data-type="bp/sitewide-notices"] [data-bp-tooltip]:after{word-wrap:break-word;background-color:#fff;border:1px solid #737373;border-radius:1px;box-shadow:4px 4px 8px rgba(0,0,0,.2);color:#333;content:attr(data-bp-tooltip);display:none;font-family:Helvetica Neue,Helvetica,Arial,san-serif;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.25;max-width:200px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;text-shadow:none;text-transform:none;transform:translateZ(0);transition:all 1.5s ease;visibility:hidden;white-space:nowrap;z-index:100000}.bp-sitewide-notice-block .bp-tooltip:after,[data-type="bp/sitewide-notices"] .bp-tooltip:after{left:50%;margin-top:7px;top:110%;transform:translate(-50%)}.bp-sitewide-notice-block{border-left:4px solid #ff853c;padding-left:1em;position:relative}.bp-sitewide-notice-block h2:before{background:none;border:none}.bp-sitewide-notice-block .dismiss-notice{background-color:transparent;border:1px solid #ff853c;color:#ff853c;display:block;padding:.2em .5em;position:absolute;right:.5em;top:.5em;width:-moz-fit-content;width:fit-content}.bp-sitewide-notice-block .dismiss-notice:hover{background-color:#ff853c;color:#fff}
  • branches/12.0/src/js/blocks/bp-core/login-form/login-form.scss

    r13463 r13677  
    3939    .bp-login-widget-register-link {
    4040        margin-left: 1em;
    41         vertical-align: super;
     41
     42        a {
     43            filter: invert(1);
     44        }
    4245    }
    4346
  • branches/12.0/src/js/blocks/bp-friends/dynamic-friends/friends.scss

    r13463 r13677  
    1414        list-style: none;
    1515        margin: 1em 0;
     16        padding-left: 0;
    1617
    1718        li {
  • branches/12.0/src/js/blocks/bp-groups/dynamic-groups/dynamic-groups.scss

    r13463 r13677  
    1414        list-style: none;
    1515        margin: 1em 0;
     16        padding-left: 0;
    1617
    1718        li {
  • branches/12.0/src/js/blocks/bp-members/active-members/active-members.scss

    r13463 r13677  
    11// BP Active members widget
    2 [data-type="bp/active-members"] {
     2[data-type="bp/active-members"],
     3.wp-block-bp-active-members {
    34
    45    .avatar-block {
  • branches/12.0/src/js/blocks/bp-members/dynamic-members/dynamic-members.scss

    r13463 r13677  
    1414        list-style: none;
    1515        margin: 1em 0;
     16        padding-left: 0;
    1617
    1718        li {
  • branches/12.0/src/js/blocks/bp-members/online-members/online-members.scss

    r13463 r13677  
    11// BP Who's online widget
    2 [data-type="bp/online-members"] {
     2[data-type="bp/online-members"],
     3.wp-block-bp-online-members {
    34
    45    .avatar-block {
  • branches/12.0/src/js/blocks/bp-messages/sitewide-notices/sitewide-notices.scss

    r13463 r13677  
    1 [data-type="bp/sitewide-notices"] {
     1[data-type="bp/sitewide-notices"],
     2.bp-sitewide-notice-block {
    23
    34    .bp-screen-reader-text {
Note: See TracChangeset for help on using the changeset viewer.