WordPress.org

Making WordPress.org

Changeset 1591


Ignore:
Timestamp:
05/18/15 16:05:14 (3 years ago)
Author:
nacin
Message:

Better responsive Trac styles. props ryelle. see #1030.

Location:
sites/trunk/wordpress.org/public_html/style
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/style/trac/wp-trac.css

    r1072 r1591  
    349349    line-height: 1.1; 
    350350} 
    351 #properties .fullrow input { 
    352     width: 97.5%; 
    353 } 
    354 #properties .col1 input { 
    355     width: 87.5%; 
    356 } 
    357 #properties .col2 input { 
    358     width: 92.5%; 
     351#properties { 
     352    white-space: normal; 
     353} 
     354#properties table td { 
     355    width: 50%; 
     356} 
     357#properties input { 
     358    width: 100%; 
     359    box-sizing: border-box; 
    359360} 
    360361#properties table th.col2 { 
     
    744745#ticketchange .comment { 
    745746    margin-left: 0; 
     747    word-wrap: break-word; 
    746748} 
    747749#changelog .trac-lastedit { 
     
    798800} 
    799801 
     802/* Possibly related ticket list */ 
     803.related-tickets li { 
     804    margin-bottom: 5px; 
     805} 
     806 
    800807#propertyform[action*="/newticket"] #properties legend { 
    801808    display: none; 
     
    806813    background: none; 
    807814} 
    808 #propertyform[action*="/newticket"] #properties .fullrow input { 
    809     width: 99.4%; 
    810 } 
    811815#propertyform[action*="/newticket"] #focuses span { 
    812816    display: none; 
     
    814818#propertyform[action*="/newticket"] #properties table td#focuses { 
    815819    padding-left: 0; 
     820} 
     821#propertyform > p, 
     822#propertyform > .buttons { 
     823    margin-left: 10px; 
    816824} 
    817825.set-trunk, .set-trunk:hover { 
     
    16271635/* =Responsive / Mobile 
    16281636----------------------------------------------- */ 
     1637@media (max-width: 770px) { 
     1638    #headline { 
     1639        height: auto; 
     1640    } 
     1641    #headline .menu { 
     1642        clear: both; 
     1643        float: none; 
     1644        text-align: center; 
     1645        font-size: 16px; 
     1646    } 
     1647    #headline .menu li { 
     1648        padding-left: 5px; 
     1649        padding-right: 5px; 
     1650    } 
     1651    #banner { 
     1652        position: relative; 
     1653        top: -85px; 
     1654        margin-bottom: -45px; 
     1655    } 
     1656    form#search { 
     1657        float: none; 
     1658        margin-top: 0; 
     1659    } 
     1660    #metanav { 
     1661        position: static; 
     1662        top: 0; 
     1663        right: 0; 
     1664    } 
     1665    .newticket-instructions { 
     1666        margin-left: 1em; 
     1667        margin-right: 1em; 
     1668    } 
     1669    #main .newticket-not-here .support { 
     1670        float: none; 
     1671        min-width: 100%; 
     1672    } 
     1673} 
    16291674 
    16301675@media (max-width: 640px) { 
     
    16391684        margin: 1em 0; /* less breathing room */ 
    16401685    } 
     1686    #banner { 
     1687        position: static; 
     1688        margin-bottom: 0; 
     1689    } 
     1690    #banner #search { 
     1691        margin: 10px 0; 
     1692        text-align: left; 
     1693    } 
    16411694    .nav ul { 
    16421695        text-align: left; /* move these to the left */ 
     
    16591712        height: auto; 
    16601713    } 
    1661     #search { 
    1662         margin-bottom: 2em; /* more space below when logo is smaller */ 
    1663     } 
    16641714    #content.ticket, .milestone .info .progress, .milestone .info dl, #content.timeline dl, #stats { 
    16651715        margin-left: 0; /* use all the available space */ 
     
    16821732        text-align: left; 
    16831733    } 
    1684     #properties table tr, #properties table th { 
    1685         display: block; /* one col, labels on top */ 
     1734    #properties table th, 
     1735    #properties table td { 
     1736        /* one col, labels on top */ 
     1737        display: block; 
     1738        padding: 0 !important; 
     1739        width: 100% !important; 
    16861740    } 
    16871741    #properties table th { 
    16881742        padding: 0; 
     1743        margin: 10px 0 5px; 
    16891744        text-align: left; 
    16901745    } 
     
    16921747        border-left: none; /* no columns, no divider */ 
    16931748    } 
    1694     #properties table td.fullrow { /* Webkit fix for overflowing inputs */ 
    1695         display: block; 
    1696         width: 95%; 
     1749    #field-description { 
     1750        margin: 0; 
     1751        width: 100%; 
     1752        box-sizing: border-box; 
    16971753    } 
    16981754    .milestone .info .progress { 
     
    17201776    #footer p.left { 
    17211777        display: none; 
     1778    } 
     1779} 
     1780@media (max-width: 550px) { 
     1781    .create-new-ticket.button { 
     1782        float: none; 
     1783        margin: 20px 0 0 !important; /* Override inline styles */ 
     1784        padding: 0 20px; 
     1785    } 
     1786    .create-new-ticket a { 
     1787        padding: 0; 
     1788    } 
     1789    #ticket .date { 
     1790        position: static; 
     1791        float: none; 
     1792        margin-bottom: 10px; 
     1793    } 
     1794    #trac-ticket-title { 
     1795        margin-top: 10px; 
     1796    } 
     1797    #ticket table.properties th, 
     1798    #ticket table.properties td { 
     1799        display: block; 
     1800        float: left; 
     1801        width: 60%; 
     1802        box-sizing: border-box; 
     1803    } 
     1804    #ticket table.properties th { 
     1805        width: 40%; 
     1806        clear: left; 
     1807    } 
     1808    #ticket table.properties img.avatar { 
     1809        float: left; 
     1810    } 
     1811    #attachments > div.attachments > p { 
     1812        float: none; 
     1813    } 
     1814    #prefs { 
     1815        position: static !important; 
     1816        float: none; 
     1817        margin-top: 10px; 
     1818    } 
     1819    #overview dt.property { 
     1820        position: static; 
     1821        float: none; 
     1822        margin: 10px 0; 
     1823        padding: 0; 
     1824        text-align: left; 
     1825    } 
     1826    #overview dd, 
     1827    #overview dd.message { 
     1828        margin-left: 0; 
     1829        padding: 0; 
     1830    } 
     1831    #help { 
     1832        text-align: left; 
     1833    } 
     1834    #altlinks .preferences-link { 
     1835        float: none; 
     1836    } 
     1837    #main #altlinks h3 { 
     1838        margin-top: 5px; 
     1839    } 
     1840    #changelog .comment ul, 
     1841    #changelog .comment ol, 
     1842    #ticketchange .comment ul, 
     1843    #ticketchange .comment ol { 
     1844        padding-left: 18px; 
     1845    } 
     1846    pre.wiki, 
     1847    pre.literal-block { 
     1848        word-wrap: normal; 
    17221849    } 
    17231850} 
  • sites/trunk/wordpress.org/public_html/style/wp4.css

    r1469 r1591  
    3939} 
    4040 
     41strong a { 
     42    font-weight: bold; 
     43} 
     44 
    4145a:visited, 
    4246#wporg-footer ul li a:visited { 
     
    4852h3 a { font-weight: bold; } 
    4953 
    50 .button a, .button a:hover, #headline a:not(.button), #headline a:not(.button):hover, #sidebar a, #sidebar a:hover, .frontpageheatmap a, .frontpageheatmap a:hover, .col-3 a, .col-3 a:hover { border: none !important; } 
     54.button a, .button a:hover, #headline a:not(.button), #headline a:not(.button):hover, #sidebar a:not(.button), #sidebar a:not(.button):hover, .frontpageheatmap a, .frontpageheatmap a:hover, .col-3 a, .col-3 a:hover { border: none !important; } 
    5155 
    5256#headline a.button { display: inline-block; } 
Note: See TracChangeset for help on using the changeset viewer.