WordPress.org
Get WordPress

Making WordPress.org

Changeset 1262


Ignore:
Timestamp:
02/16/2015 09:59:50 PM (12 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.