WordPress.org
Get WordPress

Making WordPress.org

Changeset 11042


Ignore:
Timestamp:
06/20/2021 05:16:02 PM (5 years ago)
Author:
ocean90
Message:

Translate: Add preview of originals and translations with plurals in translations table.

Also increase font size and improve color contrast for the table.

Fixes #5767.

Location:
sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates
Files:
1 added
1 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/style.css

    r11012 r11042  
    88.gp-content textarea,
    99.gp-content input {
    10         color: #191e23;
     10        color: #1e1e1e;
    1111}
    1212
    … …  
    360360}
    361361
    362 table.translations td.translation li {
    363         border-bottom: 1px dotted #e2e4e7;
     362table.translations td.original ul {
     363        margin: 0;
     364        padding: 0;
     365        list-style-type: none;
     366}
     367
     368table.translations td.original ul li,
     369table.translations td.translation ul li {
     370        padding-bottom: .2em;
     371        border-bottom: 1px dotted #72777c;
     372}
     373
     374table.translations td.original li:last-child,
     375table.translations td.translation li:last-child {
     376        padding-bottom: 0;
     377        border-bottom: none;
     378}
     379
     380table.translations td.original small,
     381table.translations td.translation small {
     382        color: #293139;
     383        font-size: 12px;
     384}
     385
     386table.translations td.original ul:not(:last-child),
     387table.translations td.translation ul:not(:last-child) {
     388        margin-bottom: .2em;
    364389}
    365390
    … …  
    371396table.locale-sub-projects thead th,
    372397table.locales thead th {
    373         background-color: #72777c;
     398        background-color: #808286;
    374399        color: #fff;
     400}
     401
     402table.translations thead th:not(:last-child),
     403table.translations tfoot th:not(:last-child),
     404table.translation-sets thead th:not(:last-child),
     405table.translations tfoot th:not(:last-child),
     406table.glossary thead th:not(:last-child),
     407table.locale-sub-projects thead th:not(:last-child),
     408table.locales thead th:not(:last-child) {
     409        border-right-color: #434648;
    375410}
    376411
    … …  
    379414table.glossary,
    380415table.locale-sub-projects {
    381         font-size: 100%;
     416        font-size: 15px;
     417        line-height: 1.6;
    382418        border-spacing: 0;
    383419}
    … …  
    394430table.locale-sub-projects td {
    395431        border: 0;
    396         border-bottom: 1px solid #e2e4e7;
    397         border-right: 1px solid #e2e4e7;
     432        border-bottom: 1px solid #72777c;
     433        border-right: 1px solid #72777c;
    398434}
    399435
    … …  
    408444table.locale-sub-projects th:first-child,
    409445table.locale-sub-projects td:first-child {
    410         border-left: 1px solid #e2e4e7;
     446        border-left: 1px solid #72777c;
    411447}
    412448
    … …  
    414450.translation-sets tr,
    415451.locales tr {
    416         background-color: #f9f9f9;
     452        background-color: #f6f7f7;
    417453}
    418454
    … …  
    426462}
    427463
     464#legend .box {
     465        border-color: #72777c;
     466}
     467
    428468table.translations tr.preview.status-current,
    429469#legend .status-current {
    … …  
    495535.editor .meta {
    496536        background: #fff;
    497         border: 1px solid #e2e4e7;
     537        border: 1px solid #72777c;
    498538        font-size: 13px;
    499539        margin: 0;
    … …  
    506546.editor .meta h3 {
    507547        text-align: center;
    508         border-bottom: 1px solid #e2e4e7;
     548        border-bottom: 1px solid #72777c;
    509549        margin-bottom: 15px;
    510550}
    … …  
    589629span.translation-text,
    590630span.original-text {
     631        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    591632        white-space: pre-wrap;
     633}
     634
     635
     636.glossary-word {
     637        border: 0;
     638        text-decoration: underline;
     639        text-decoration-style: dashed;
     640        text-underline-offset: 2px;
     641        text-decoration-skip-ink: none;
     642        text-decoration-thickness: 1px;
    592643}
    593644
    … …  
    904955        padding: 10px 20px;
    905956        color: #006799;
    906         border-left: 1px solid #e2e4e7;
     957        border-left: 1px solid #72777c;
    907958        text-align: center;
    908959}
    … …  
    10731124
    10741125.projects .project-status > div:not(:first-child) {
    1075         border-left: 1px solid #e2e4e7;
     1126        border-left: 1px solid #72777c;
    10761127}
    10771128
    … …  
    12071258        color: #509040;
    12081259        padding: 10px 0 10px 15px;
    1209         border-left: 1px solid #e2e4e7;
     1260        border-left: 1px solid #72777c;
    12101261}
    12111262
    … …  
    12781329        height: 20px;
    12791330        font: 20px/1 "dashicons";
    1280         border-left: 1px solid #e2e4e7;
     1331        border-left: 1px solid #72777c;
    12811332        padding: 5px 0 5px 12px;
    12821333        box-shadow: inset 1px 0 0 #fff;
    … …  
    15911642        float: right;
    15921643        margin: -30px 0 5px 5px;
    1593         background-color: #e2e4e7;
     1644        background-color: #72777c;
    15941645        padding: 5px;
    15951646        border: 1px solid #dfdfdf;
    … …  
    19131964.locale-project-contributors-table th {
    19141965        font-weight: bold;
    1915         border-bottom: 1px solid #e2e4e7;
     1966        border-bottom: 1px solid #72777c;
    19161967}
    19171968
    … …  
    19662017.locale-project-contributors-table tbody td {
    19672018        padding: 10px 0;
    1968         border-bottom: 1px solid #e2e4e7;
     2019        border-bottom: 1px solid #72777c;
    19692020}
    19702021
    … …  
    21132164
    21142165.consistency-table tr {
    2115         border-bottom: 1px solid #e2e4e7;
     2166        border-bottom: 1px solid #72777c;
    21162167}
    21172168
    … …  
    21322183        background: #fff;
    21332184        text-align: left;
    2134         box-shadow: 0 -1px 0 #e2e4e7, 0 3px 0 #e2e4e7;
     2185        box-shadow: 0 -1px 0 #72777c, 0 3px 0 #72777c;
    21352186}
    21362187
    … …  
    22912342        border: 0;
    22922343        background: #fff;
    2293         color: #191e23;
     2344        color: #1e1e1e;
    22942345        outline: none;
    22952346        padding: 15px 0;
     2347        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    22962348        font-size: 16px;
    22972349        resize: vertical;
    … …  
    23062358        max-width: 100%;
    23072359        font-weight: normal;
     2360        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    23082361        font-size: 15px;
    23092362}
    … …  
    23222375table.translations tr.editor td {
    23232376        padding: 0;
     2377        border-bottom-width: 2px;
     2378        border-top: 1px solid #72777c;
    23242379}
    23252380
    … …  
    23372392.editor-panel__left {
    23382393        flex: 1;
    2339         border-bottom: 3px solid #e2e4e7;
     2394        border-bottom: 1px solid #72777c;
    23402395        min-width: 1%;
    23412396}
    … …  
    23442399        .editor-panel__left {
    23452400                border-bottom: 0;
    2346                 border-right: 3px solid #e2e4e7;
     2401                border-right: 1px solid #72777c;
    23472402        }
    23482403}
    … …  
    23572412        align-items: center;
    23582413        justify-content: flex-end;
    2359         border-bottom: 1px solid #e2e4e7;
     2414        border-bottom: 1px solid #72777c;
    23602415        background-color: #f3f4f5;
    23612416        min-height: 40px;
    … …  
    23992454        letter-spacing: 1px;
    24002455        text-transform: uppercase;
    2401         color: #191e23;
     2456        color: #1e1e1e;
    24022457}
    24032458
    … …  
    24552510
    24562511.panel-header-actions button:hover {
    2457         background: #e2e4e7;
     2512        background: #bdbdbd;
    24582513}
    24592514
    … …  
    24982553
    24992554.panel-content summary:focus {
    2500         color: #191e23;
     2555        color: #1e1e1e;
    25012556}
    25022557
    … …  
    25222577.source-details {
    25232578        padding: 0 10px;
    2524         font-size: 13px;
     2579        font-size: 14px;
    25252580}
    25262581
    … …  
    25472602        border-top: 1px solid;
    25482603        border-bottom: 1px solid;
    2549         border-color: #e2e4e7;
     2604        border-color: #72777c;
    25502605        background: #fff;
    25512606}
    … …  
    25682623
    25692624.translation-form-wrapper {
    2570         border-bottom: 1px solid #e2e4e7;
     2625        border-bottom: 1px solid #72777c;
    25712626        margin-left: -10px;
    25722627        margin-right: -10px;
Note: See TracChangeset for help on using the changeset viewer.