WordPress.org

Making WordPress.org

Ticket #1030: resp-trac.diff

File resp-trac.diff, 4.8 KB (added by ryelle, 3 years ago)
  • trac/wp-trac.css

     
    348348#changelog h3, #ticketchange h3 {
    349349        line-height: 1.1;
    350350}
    351 #properties .fullrow input {
    352         width: 97.5%;
     351#properties {
     352        white-space: normal;
    353353}
    354 #properties .col1 input {
    355         width: 87.5%;
     354#properties table td {
     355        width: 50%;
    356356}
    357 #properties .col2 input {
    358         width: 92.5%;
     357#properties input {
     358        width: 100%;
     359        box-sizing: border-box;
    359360}
    360361#properties table th.col2 {
    361362        border: none;
     
    743744#changelog .comment,
    744745#ticketchange .comment {
    745746        margin-left: 0;
     747        word-wrap: break-word;
    746748}
    747749#changelog .trac-lastedit {
    748750        margin: 0.8em 0;
     
    797799        padding: 4px 0;
    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;
    802809}
     
    805812        border: 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;
    813817}
     
    814818#propertyform[action*="/newticket"] #properties table td#focuses {
    815819        padding-left: 0;
    816820}
     821#propertyform > p,
     822#propertyform > .buttons {
     823        margin-left: 10px;
     824}
    817825.set-trunk, .set-trunk:hover {
    818826        border: none;
    819827        background: none;
     
    16261634
    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) {
    16311676        body {
     
    16381683        hr {
    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 */
    16431696        }
     
    16581711                max-width: 50%; /* prevent the logo and search from colliding (to a point) */
    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 */
    16661716        }
     
    16811731                min-width: 115px !important;
    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        }
    16911746        #properties table th.col2 {
    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 {
    16991755                max-width: 85%; /* override former max-width */
     
    17211777                display: none;
    17221778        }
    17231779}
     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;
     1849        }
     1850}
    17241851@media (max-width: 360px) {
    17251852        #header img {
    17261853                margin-bottom: 0; /* push search down */