Skip to:
Content

BuddyPress.org

Changeset 12648


Ignore:
Timestamp:
05/11/2020 08:18:24 PM (6 years 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.