WordPress.org

Making WordPress.org

Changeset 1591


Ignore:
Timestamp:
05/18/2015 04:05:14 PM (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.