Making WordPress.org


Ignore:
Timestamp:
01/27/2015 12:39:51 AM (10 years ago)
Author:
coffee2code
Message:

developer.wordpress.org: Add 'Used By' and 'Uses' sections to parsed content permalink pages.

Basically the UI surfacing of the P2P relationships.

Fixes #323.
Props atimmer.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

    r1038 r1196  
    466466     * section styles
    467467     */
     468
     469    section {
     470        overflow: auto;
     471    }
    468472
    469473    .home-landing .section {
     
    923927    .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
    924928        border-bottom: 1px solid #dfdfdf;
     929
    925930        h1 {
    926931            margin: 24px 0;
     
    10131018    }
    10141019
     1020    /* = Usage
     1021    ----------------------------------------------- */
     1022    .usage {
     1023        article {
     1024            float: left;
     1025            width: 50%;
     1026        }
     1027
     1028        .used-by {
     1029            padding-right: 30px;
     1030        }
     1031
     1032        .uses {
     1033            padding-left: 30px;
     1034        }
     1035
     1036        ul {
     1037            line-height: 1.7; /* Slightly increase the line height for more readability */
     1038            list-style-type: none;
     1039            margin: 0;
     1040        }
     1041
     1042        .show-more, .hide-more {
     1043            display: none;
     1044        }
     1045    }
     1046
     1047
    10151048    .source-content {
    10161049        overflow: auto;
     
    13031336            padding-left: 0;
    13041337        }
     1338
     1339        &.archive, &.search {
     1340            .meta {
     1341                font-size: 100%;
     1342                margin-bottom: 1.5em;
     1343
     1344                a {
     1345                    color: #21759b;
     1346                }
     1347            }
     1348        }
     1349    }
     1350
     1351}
     1352
     1353@media ( min-width: 43em ) {
     1354    .devhub-wrap {
     1355        &.archive, &.search {
     1356            .meta {
     1357                float: right;
     1358            }
     1359
     1360            .sourcefile {
     1361                float: left;
     1362            }
     1363        }
    13051364    }
    13061365}
     
    13901449            width: 99%;
    13911450        }
     1451
     1452        .usage {
     1453            article {
     1454                width: 100%;
     1455            }
     1456        }
    13921457    }
    13931458}
Note: See TracChangeset for help on using the changeset viewer.