Skip to:
Content

BuddyPress.org

Changeset 13208


Ignore:
Timestamp:
01/06/2022 09:52:04 PM (21 months ago)
Author:
imath
Message:

Administration: add BuddyPress specific Welcome Panel styles

To keep pre 5.9 WordPress welcome-panel styles, we need to create our own BuddyPress specific Welcome Panel styles.

WordPress 5.9 will completely redesign this panel to include a specific purple background with a background image including text about the 5.9 release. This new design doesn't match with our needs.

Fixes #8615

Location:
trunk/src/bp-core
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-core/admin/css/common-rtl.css

    r13164 r13208  
    558558}
    559559
     560.buddypress .bp-welcome-panel {
     561    position: relative;
     562    overflow: auto;
     563    margin: 16px 0;
     564    padding: 23px 10px 0;
     565    border: 1px solid #c3c4c7;
     566    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
     567    background: #fff;
     568    background-image: none;
     569    font-size: 13px;
     570    line-height: 1.7;
     571}
     572
     573.buddypress .bp-welcome-panel-close {
     574    position: absolute;
     575    top: 10px;
     576    left: 10px;
     577    padding: 10px 21px 10px 15px;
     578    font-size: 13px;
     579    line-height: 1.23076923;
     580    text-decoration: none;
     581}
     582
     583.buddypress .bp-welcome-panel-close:before {
     584    position: absolute;
     585    top: 8px;
     586    right: 0;
     587    transition: all 0.1s ease-in-out;
     588    margin: 0;
     589    background: 100% 0;
     590    color: #787c82;
     591    content: "\f153";
     592    display: block;
     593    font: 600 16px/20px dashicons;
     594    height: 20px;
     595    text-align: center;
     596    width: 20px;
     597    -webkit-font-smoothing: antialiased;
     598    -moz-osx-font-smoothing: grayscale;
     599}
     600
     601.buddypress .bp-welcome-panel-close:hover:before {
     602    color: #d63638;
     603}
     604
     605.buddypress .bp-welcome-panel-content {
     606    margin-right: 13px;
     607    max-width: 1500px;
     608}
     609
     610.buddypress .bp-welcome-panel-content h2 {
     611    line-height: 32px;
     612    margin-bottom: 1em;
     613}
     614
     615.buddypress .bp-welcome-panel-content p {
     616    padding-bottom: 23px;
     617    font-size: 14px;
     618}
     619
    560620/*------------------------------------------------------------------------------
    561621 * 7.0 Admins page with tabbed nav.
     
    591651
    592652.buddypress-title-section h1 .bp-badge,
    593 .buddypress .welcome-panel-content h2 .bp-badge {
     653.buddypress .bp-welcome-panel-content h2 .bp-badge {
    594654    font-size: 32px;
    595655    vertical-align: top;
    596 }
    597 
    598 .buddypress .welcome-panel-content h2 {
    599     line-height: 32px;
    600     margin-bottom: 1em;
    601 }
    602 
    603 .buddypress .welcome-panel-content p {
    604     padding-bottom: 23px;
    605     font-size: 14px;
    606656}
    607657
  • trunk/src/bp-core/admin/css/common.css

    r13163 r13208  
    558558}
    559559
     560.buddypress .bp-welcome-panel {
     561    position: relative;
     562    overflow: auto;
     563    margin: 16px 0;
     564    padding: 23px 10px 0;
     565    border: 1px solid #c3c4c7;
     566    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
     567    background: #fff;
     568    background-image: none;
     569    font-size: 13px;
     570    line-height: 1.7;
     571}
     572
     573.buddypress .bp-welcome-panel-close {
     574    position: absolute;
     575    top: 10px;
     576    right: 10px;
     577    padding: 10px 15px 10px 21px;
     578    font-size: 13px;
     579    line-height: 1.23076923;
     580    text-decoration: none;
     581}
     582
     583.buddypress .bp-welcome-panel-close:before {
     584    position: absolute;
     585    top: 8px;
     586    left: 0;
     587    transition: all 0.1s ease-in-out;
     588    margin: 0;
     589    background: 0 0;
     590    color: #787c82;
     591    content: "\f153";
     592    display: block;
     593    font: 600 16px/20px dashicons;
     594    height: 20px;
     595    text-align: center;
     596    width: 20px;
     597    -webkit-font-smoothing: antialiased;
     598    -moz-osx-font-smoothing: grayscale;
     599}
     600
     601.buddypress .bp-welcome-panel-close:hover:before {
     602    color: #d63638;
     603}
     604
     605.buddypress .bp-welcome-panel-content {
     606    margin-left: 13px;
     607    max-width: 1500px;
     608}
     609
     610.buddypress .bp-welcome-panel-content h2 {
     611    line-height: 32px;
     612    margin-bottom: 1em;
     613}
     614
     615.buddypress .bp-welcome-panel-content p {
     616    padding-bottom: 23px;
     617    font-size: 14px;
     618}
     619
    560620/*------------------------------------------------------------------------------
    561621 * 7.0 Admins page with tabbed nav.
     
    591651
    592652.buddypress-title-section h1 .bp-badge,
    593 .buddypress .welcome-panel-content h2 .bp-badge {
     653.buddypress .bp-welcome-panel-content h2 .bp-badge {
    594654    font-size: 32px;
    595655    vertical-align: top;
    596 }
    597 
    598 .buddypress .welcome-panel-content h2 {
    599     line-height: 32px;
    600     margin-bottom: 1em;
    601 }
    602 
    603 .buddypress .welcome-panel-content p {
    604     padding-bottom: 23px;
    605     font-size: 14px;
    606656}
    607657
  • trunk/src/bp-core/classes/class-bp-admin.php

    r13186 r13208  
    14691469
    14701470            ?>
    1471             <div id="welcome-panel" class="welcome-panel bp-notice-container">
    1472                 <a class="welcome-panel-close bp-is-dismissible" href="#" data-notice_id="<?php echo esc_attr( $notice_id ); ?>" aria-label="<?php esc_attr_e( 'Dismiss the welcome panel', 'buddypress' ); ?>"><?php esc_html_e( 'Dismiss', 'buddypress' ); ?></a>
    1473                 <div class="welcome-panel-content">
     1471            <div class="bp-welcome-panel bp-notice-container">
     1472                <a class="bp-welcome-panel-close bp-is-dismissible" href="#" data-notice_id="<?php echo esc_attr( $notice_id ); ?>" aria-label="<?php esc_attr_e( 'Dismiss the welcome panel', 'buddypress' ); ?>"><?php esc_html_e( 'Dismiss', 'buddypress' ); ?></a>
     1473                <div class="bp-welcome-panel-content">
    14741474                    <h2><span class="bp-badge"></span> <?php esc_html_e( 'Hello BuddyPress Add-ons!', 'buddypress' ); ?></h2>
    14751475                    <p class="about-description">
Note: See TracChangeset for help on using the changeset viewer.