Skip to:
Content

BuddyPress.org

Changeset 12648


Ignore:
Timestamp:
05/11/2020 08:18:24 PM (6 months ago)
Author:
mercime
Message:

Hello BuddyPress modal: Update markup.

Raise heading level of the document title and add style support.

See #8270.

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

Legend:

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

    r12458 r12648  
    209209}
    210210
     211#plugin-information-title h1 {
     212    font-size: 1em;
     213    font-weight: 600;
     214    padding: 0;
     215    margin: 0;
     216    overflow: hidden;
     217    text-overflow: ellipsis;
     218    white-space: nowrap;
     219}
     220
     221#plugin-information-title.with-banner h1 {
     222    position: relative;
     223    font-family: "Helvetica Neue", sans-serif;
     224    display: inline-block;
     225    font-size: 20px;
     226    line-height: 1.68;
     227    box-sizing: border-box;
     228    max-width: 85%;
     229    padding: 0 15px;
     230    margin-top: 30px;
     231    color: #fff;
     232    background: rgba(30, 30, 30, 0.9);
     233    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
     234    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
     235    border-radius: 8px;
     236}
     237
    211238/*
    212239 * 4.3 - Content content
     
    236263 * 6.0 - Media Queries
    237264 *----------------------------------------------------------------------------*/
     265@media screen and (min-width: 770px) {
     266    #plugin-information-title.with-banner h1 {
     267        font-size: 30px;
     268        line-height: 2;
     269        margin-top: 174px;
     270        max-width: 100%;
     271    }
     272}
     273
    238274/*
    239275 * 6.1 - Desktop Medium
  • trunk/src/bp-core/admin/css/hello.css

    r12458 r12648  
    209209}
    210210
     211#plugin-information-title h1 {
     212    font-size: 1em;
     213    font-weight: 600;
     214    padding: 0;
     215    margin: 0;
     216    overflow: hidden;
     217    text-overflow: ellipsis;
     218    white-space: nowrap;
     219}
     220
     221#plugin-information-title.with-banner h1 {
     222    position: relative;
     223    font-family: "Helvetica Neue", sans-serif;
     224    display: inline-block;
     225    font-size: 20px;
     226    line-height: 1.68;
     227    box-sizing: border-box;
     228    max-width: 85%;
     229    padding: 0 15px;
     230    margin-top: 30px;
     231    color: #fff;
     232    background: rgba(30, 30, 30, 0.9);
     233    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
     234    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
     235    border-radius: 8px;
     236}
     237
    211238/*
    212239 * 4.3 - Content content
     
    236263 * 6.0 - Media Queries
    237264 *----------------------------------------------------------------------------*/
     265@media screen and (min-width: 770px) {
     266    #plugin-information-title.with-banner h1 {
     267        font-size: 30px;
     268        line-height: 2;
     269        margin-top: 174px;
     270        max-width: 100%;
     271    }
     272}
     273
    238274/*
    239275 * 6.1 - Desktop Medium
  • trunk/src/bp-core/admin/sass/hello.scss

    r12458 r12648  
    235235}
    236236
     237#plugin-information-title h1 {
     238    font-size: 1em;
     239    font-weight: 600;
     240    padding: 0;
     241    margin: 0;
     242    overflow: hidden;
     243    text-overflow: ellipsis;
     244    white-space: nowrap;
     245}
     246
     247#plugin-information-title.with-banner h1 {
     248    position: relative;
     249    font-family: "Helvetica Neue", sans-serif;
     250    display: inline-block;
     251    font-size: 20px;
     252    line-height: 1.68;
     253    box-sizing: border-box;
     254    max-width: 85%;
     255    padding: 0 15px;
     256    margin-top: 30px;
     257    color: #fff;
     258    background: rgba(30, 30, 30, 0.9);
     259    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
     260    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
     261    border-radius: 8px;
     262}
     263
    237264/*
    238265 * 4.3 - Content content
     
    266293 *----------------------------------------------------------------------------*/
    267294
     295@media screen and (min-width: 770px) {
     296
     297    #plugin-information-title.with-banner h1 {
     298        font-size: 30px;
     299        line-height: 2;
     300        margin-top: 174px;
     301        max-width: 100%;
     302    }
     303}
     304
    268305/*
    269306 * 6.1 - Desktop Medium
  • trunk/src/bp-core/classes/class-bp-admin.php

    r12645 r12648  
    634634
    635635        <div id="bp-hello-container">
    636             <div id="plugin-information-scrollable">
     636            <div id="plugin-information-scrollable" role="document">
    637637                <div id='plugin-information-title' class="with-banner">
    638638                    <div class='vignette'></div>
    639                     <h2>
     639                    <h1>
    640640                        <?php printf(
    641641                            /* translators: %s is the placeholder for the BuddyPress version number. */
     
    643643                            $version
    644644                        ); ?>
    645                     </h2>
     645                    </h1>
    646646                </div>
    647647                <div id="plugin-information-tabs">
Note: See TracChangeset for help on using the changeset viewer.