WordPress.org
Get WordPress

Making WordPress.org

Changeset 1262


Ignore:
Timestamp:
02/16/2015 09:59:50 PM (10 years ago)
Author:
johnjamesjacoby
Message:

BuddyPress.org: More responsive'ish styling tweaks. Fix toolbar on mobile. See #691.

Location:
sites/trunk/buddypress.org/public_html/wp-content
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/buddypress.org/public_html/wp-content/plugins/bbpress-org/toolbar.php

    r684 r1262  
    532532            #wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #d84800; }
    533533            #wpadminbar #wp-admin-bar-user-info .username { color: #000; }
     534
     535            /* Some responsive'ish tweaks */
     536            @media screen and ( max-width: 460px ) {
     537                #wpadminbar {
     538                    top: 140px;
     539                }
     540                #wp-toolbar {
     541                    width: 100%;
     542                }
     543            }
    534544        <?php endif; ?>
    535545    </style>

  • sites/trunk/buddypress.org/public_html/wp-content/plugins/buddypress-org/toolbar.php

    r685 r1262  
    494494            #wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #d84800; }
    495495            #wpadminbar #wp-admin-bar-user-info .username { color: #000; }
     496
     497            /* Some responsive'ish tweaks */
     498            @media screen and ( max-width: 460px ) {
     499                #wpadminbar {
     500                    top: 140px;
     501                }
     502                #wp-toolbar {
     503                    width: 100%;
     504                }
     505            }
     506
    496507        <?php endif; ?>
    497508    </style>

  • sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css

    r1261 r1262  
    5656}
    5757
    58 body.bbpress #main,
    59 body.buddypress #main {
    60     width: 100%;
    61 }
    6258body.page-template-page-homepage-php #header {
    6359    position: relative;
    … …  
    15141510-------------------------------------------------------------- */
    15151511
     1512/* Force widths for desktops */
     1513@media screen and ( min-width: 960px )  {
     1514    #header-inner,
     1515    #headline-inner,
     1516    #subnav-inner,
     1517    #showcase-inner,
     1518    #main,
     1519    #footer {
     1520        width: 960px;
     1521    }
     1522}
     1523
    15161524/* Do not fix #header for non-desktops */
    15171525@media screen and ( max-width: 782px ) {
    … …  
    15261534}
    15271535
    1528 /* Force widths for desktops */
    1529 @media screen and ( min-width: 960px )  {
    1530     #header-inner {
    1531         width: 960px;
    1532     }
    1533     #headline-inner {
    1534         width: 960px;
    1535     }
    1536     #subnav-inner {
    1537         width: 960px;
    1538     }
    1539     #showcase-inner {
    1540         width: 960px;
    1541     }
    1542     #footer {
    1543         width: 960px;
    1544     }
    1545 }
    1546 
    15471536/* Bump #header-inner height on mobile to support stacked elements */
    15481537@media screen and ( max-width: 460px ) {

  • sites/trunk/buddypress.org/public_html/wp-content/themes/codex-bbpress-org/style.css

    r984 r1262  
    4747.footer-meta-wrap .footer-meta {
    4848    margin: 0 auto;
    49     width: 960px;
     49    width: 100%;
    5050    padding: 24px 0;
    5151    overflow: auto;

  • sites/trunk/buddypress.org/public_html/wp-content/themes/codex-buddypress-org/less/b_footer.less

    r442 r1262  
    1010    .footer-meta {
    1111        margin: 0 auto;
    12         width: 960px;
     12        width: 100%;
    1313        padding: 24px 0;
    1414        overflow: auto;

  • sites/trunk/buddypress.org/public_html/wp-content/themes/codex-buddypress-org/screen.css

    r981 r1262  
    127127.footer-meta-wrap .footer-meta {
    128128  margin: 0 auto;
    129   width: 960px;
     129  width: 100%;
    130130  padding: 24px 0;
    131131  overflow: auto;
Note: See TracChangeset for help on using the changeset viewer.