WordPress.org

Making WordPress.org

Changeset 11042


Ignore:
Timestamp:
06/20/2021 05:16:02 PM (4 months 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.