Making WordPress.org

Changeset 11732


Ignore:
Timestamp:
04/01/2022 11:42:40 AM (2 years ago)
Author:
ocean90
Message:

Translate: Various styling adjustments following changes in GlotPress 3.0.

See #6246.

Location:
sites/trunk/wordpress.org/public_html/wp-content/plugins
Files:
11 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/consistency.php

    r11597 r11732  
    6464
    6565    <p>
    66         <button type="submit" class="consistency-form-submit">Analyze</button>
     66        <button type="submit" class="button is-primary consistency-form-submit">Analyze</button>
    6767    </p>
    6868</form>
     
    9393
    9494    ?>
    95     <table class="consistency-table">
     95    <table class="gp-table consistency-table">
    9696        <thead>
    9797            <th>Original</th>
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/js/editor.js

    r8766 r11732  
    7070    }
    7171
    72     // Override copy function to adopt custom markup.
     72    // Override functions to adopt custom markup.
    7373    $gp.editor.copy = function() {
    7474        var $activeTextarea = $gp.editor.current.find( '.textareas.active textarea' );
     
    101101        var event = new Event( 'input' );
    102102        $activeTextarea[0].dispatchEvent( event );
     103    };
     104    $gp.editor.tab = function() {
     105        var text_area = $gp.editor.current.find( '.textareas.active textarea' );
     106        if ( ! text_area.length ) {
     107            return;
     108        }
     109
     110        var cursorPos = text_area.prop( 'selectionStart' );
     111        var v = text_area.val();
     112        var textBefore = v.substring( 0,  cursorPos );
     113        var textAfter  = v.substring( cursorPos, v.length );
     114
     115        text_area.val( textBefore + '\t' + textAfter );
     116
     117        text_area.focus();
     118        text_area[0].selectionEnd = cursorPos + 1;
     119    },
     120    $gp.editor.newline = function() {
     121        var text_area = $gp.editor.current.find( '.textareas.active textarea' );
     122        if ( ! text_area.length ) {
     123            return;
     124        }
     125
     126        var cursorPos = text_area.prop( 'selectionStart' );
     127        var v = text_area.val();
     128        var textBefore = v.substring( 0,  cursorPos );
     129        var textAfter  = v.substring( cursorPos, v.length );
     130
     131        text_area.val( textBefore + '\n' + textAfter );
     132
     133        text_area.focus();
     134        text_area[0].selectionEnd = cursorPos + 1;
    103135    };
    104136
     
    244276                .on( 'click', 'button.panel-header-actions__cancel', $gp.editor.hooks.cancel )
    245277                .on( 'click', 'button.translation-actions__copy', $gp.editor.hooks.copy )
     278                .on( 'click', 'button.translation-actions__insert-tab', $gp.editor.hooks.tab )
    246279                .on( 'click', 'button.translation-actions__save', $gp.editor.hooks.ok )
    247280                .on( 'click', 'button.translation-actions__help', openHelpModal )
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/locale-project.php

    r11523 r11732  
    145145
    146146<div class="locale-project">
    147     <table class="locale-sub-projects">
     147    <table class="gp-table locale-sub-projects">
    148148        <thead>
    149149            <tr>
     
    241241        <h3>Translation Contributors</h3>
    242242        <?php if ( $locale_contributors['contributors'] ) : ?>
    243         <table class="locale-project-contributors-table">
     243        <table class="gp-table locale-project-contributors-table">
    244244            <thead>
    245245                <tr>
    246                     <th class="contributor-name">Contributor</th>
     246                    <th class="contributor-details">Contributor</th>
    247247                    <th class="contributor-stats">Translations</th>
    248248                </tr>
     
    355355                printf(
    356356                    '<tr id="contributor-%s">
    357                         <td class="contributor-name">
    358                             %s
    359                             <a href="https://profiles.wordpress.org/%s/">%s %s</a>
    360                             <span>Latest translation: %s ago</span>
     357                        <td class="contributor-details">
     358                            <div class="contributor-avatar">
     359                                %s
     360                                %s
     361                            </div>
     362                            <div class="contributor-name">
     363                                <a href="https://profiles.wordpress.org/%s/">%s</a>
     364                                <span>Latest translation: %s ago</span>
     365                            </div>
    361366                        </td>
    362367                        <td class="contributor-stats">
     
    386391                    </tr>',
    387392                    $contributor->nicename,
     393                    get_avatar( $contributor->email, 40 ),
    388394                    $contributor->is_editor ? '<span class="translation-editor">Editor</span>' : '',
    389395                    $contributor->nicename,
    390                     get_avatar( $contributor->email, 40 ),
    391396                    $contributor->display_name ?: $contributor->nicename,
    392397                    human_time_diff( strtotime( $contributor->last_update ) ),
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/locale-projects.php

    r9291 r11732  
    9494<div class="sort-bar">
    9595    <form id="sort-filter" action="" method="GET">
    96         <input type="hidden" name="s" value="<?php echo esc_attr( $search ?? '' ); ?>"
     96        <input type="hidden" name="s" value="<?php echo esc_attr( $search ?? '' ); ?>">
    9797        <input type="hidden" name="page" value="1">
    9898
     
    114114        ?>
    115115        <label for="filter">Filter:</label>
    116         <select id="filter" name="filter">
     116        <select id="filter" class="is-small" name="filter">
    117117            <?php
    118118                $sorts = array();
     
    141141        </select>
    142142
    143         <button type="submit"><?php echo ( 1 === $filter_count ? 'Apply Filter' : 'Apply Filters' ); ?></button>
     143        <button type="submit" class="button is-small"><?php echo ( 1 === $filter_count ? 'Apply Filter' : 'Apply Filters' ); ?></button>
    144144    </form>
    145145</div>
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/style.css

    r11531 r11732  
    1 body, html {
    2     height: 100%;
    3 }
    4 
    5 body,
     1/**
     2 * wporg-main overrides.
     3 */
    64html,
    7 .gp-content,
    8 .gp-content textarea,
    9 .gp-content input {
    10     color: #1e1e1e;
    11     font-size: 14px; /* Overwrite wporg-main. Affects layout rem sizing. */
    12 }
    13 
    14 .gp-content * {
    15     box-sizing: content-box;
    16 }
    17 
    18 .gp-content table tbody tr:nth-child(2n) {
    19     background-color: unset; /* Override wporg-main. */
    20 }
    21 
     5body {
     6    font-size: 16px;
     7}
     8
     9.gp-content {
     10    font-size: 1rem;
     11    line-height: 1.5;
     12    font-family:
     13        -apple-system,
     14        BlinkMacSystemFont,
     15        "Segoe UI",
     16        Helvetica,
     17        Arial,
     18        sans-serif,
     19        "Apple Color Emoji",
     20        "Segoe UI Emoji";
     21}
     22
     23.gp-content table {
     24    font-size: inherit;
     25}
     26
     27.gp-content table thead {
     28    color: inherit;
     29    background-color: inherit;
     30}
     31
     32.gp-content table tbody tr:nth-child(2n):not(:hover) {
     33    background-color: unset;
     34}
     35
     36.gp-content input,
     37.gp-content select {
     38    margin: 0;
     39}
     40
     41.gp-content input[type=checkbox],
     42.gp-content input[type=radio] {
     43    min-width: 0;
     44    text-align: unset;
     45    line-height: inherit;
     46}
     47
     48.gp-content input,
     49.gp-content select,
    2250.gp-content textarea {
    23     max-width: 100%;
    24 }
    25 
    26 .gp-content summary {
    27     display: list-item;
    28 }
    29 
    30 .gp-content textarea,
    31 .gp-content select,
    32 .gp-content input {
    33     font-size: 1em;
    34 }
    35 
     51    transition: none;
     52}
     53
     54.gp-content label {
     55    vertical-align: unset;
     56}
     57
     58.gp-content input[type=checkbox]:checked:before {
     59    content: '';
     60    margin: 0;
     61    width: 0.8rem;
     62    height: 0.8rem;
     63    float: none;
     64}
     65
     66.gp-content input[type=radio]:checked:before {
     67    content: '';
     68    margin: 0;
     69    width: 0.625rem;
     70    height: 0.625rem;
     71    float: none;
     72    border-radius: 50%;
     73    font-size: inherit;
     74    line-height: inherit;
     75    text-indent: unset;
     76}
     77
     78.gp-content .button:active {
     79    transform: none;
     80}
     81
     82.gp-content a,
     83li>a,
     84p a {
     85    text-decoration: underline;
     86    text-decoration-thickness: max(1px,0.063rem);
     87    text-underline-offset: 0.1em;
     88}
     89
     90li>a:hover,
     91p a:hover {
     92    color: var( --gp-color-accent-fg );
     93}
     94
     95.gp-content a:active,
     96.gp-content a:focus,
     97.gp-content a:hover {
     98    text-decoration: underline;
     99    text-decoration-thickness: max(3px,0.188rem);
     100    text-decoration-skip-ink: none;
     101}
     102
     103.gp-content .button:focus,
     104.gp-content .button:hover {
     105    text-decoration: none;
     106}
     107
     108.gp-content .button-group > .button {
     109    border-radius: 2px !important;
     110    margin: 0;
     111    display: inline-flex;
     112}
     113
     114.gp-content .button:visited {
     115    color: var( --gp-color-btn-text );
     116    border: 1px solid var( --gp-color-btn-border );
     117    box-shadow: none;
     118    background: var( --gp-color-btn-bg );
     119}
     120
     121select.is-small {
     122    padding-top: 3px;
     123    padding-bottom: 3px;
     124    font-size: 12px;
     125    min-height: 28px;
     126}
     127
     128/**
     129 * Site header.
     130 */
    36131.site-header {
    37132    font-family: "Open Sans", sans-serif;
     
    45140
    46141.site-header .site-branding {
    47     box-sizing: border-box;
    48142    margin: 0 auto;
    49     max-width: 960px;
     143    max-width: 1200px;
    50144    padding: 0 10px;
    51145}
     
    109203.navigation-main {
    110204    background: transparent;
    111     max-width: 940px;
     205    max-width: 1200px;
    112206    height: 32px;
    113207    margin: -32px auto 0 auto;
     
    250344}
    251345
     346/**
     347 * GlotPress overrides.
     348 */
     349
     350:root {
     351    --gp-color-fg-default: #000000;
     352    --gp-color-accent-fg: #2271b1;
     353    --gp-color-accent-emphasis: #135e96;
     354
     355    --gp-color-border-default: #72777c;
     356    --gp-color-border-muted: #b1b8c1;
     357
     358    --gp-color-btn-text: #2271b1;
     359    --gp-color-btn-border: #2271b1;
     360    --gp-color-btn-hover-text: #135e96;
     361    --gp-color-btn-hover-border: #135e96;
     362
     363    --gp-color-btn-primary-text: #fff;
     364    --gp-color-btn-primary-bg: #2271b1;
     365    --gp-color-btn-primary-border: #2271b1;
     366    --gp-color-btn-primary-hover-text: #fff;
     367    --gp-color-btn-primary-hover-bg: #135e96;
     368    --gp-color-btn-primary-hover-border: #135e96;
     369
     370    --gp-color-status-fuzzy-subtle: #f6a983;
     371    --gp-color-status-current-subtle: #b5e1b9;
     372    --gp-color-status-old-subtle: #cdc5e1;
     373    --gp-color-status-waiting-subtle: #ffe399;
     374    --gp-color-status-rejected-subtle: #eb9090;
     375}
     376
     377.locale-sub-projects .stats,
     378.translation-sets .stats {
     379    text-align: left;
     380}
     381
     382table.glossary tr.editor,
     383table.translations tr.editor,
     384table.glossary tr.editor:hover,
     385table.translations tr.editor:hover {
     386    border-left: 0;
     387    box-shadow: none;
     388}
     389
     390.gp-content textarea {
     391    max-width: 100%;
     392}
     393
     394.gp-content summary {
     395    display: list-item;
     396}
     397
    252398#gp-js-message {
    253399    top: 50px;
     
    296442
    297443.gp-content {
    298     font-family: 'Open Sans', sans-serif !important;
    299444    margin: 20px auto;
    300     max-width: 940px;
     445    max-width: 1200px;
    301446    padding: 0 10px;
    302447}
    303448
    304449.gp-content h2 {
    305     font-family: 'Open Sans', sans-serif !important;
    306     font-size: 26px;
    307     margin: 2px 0 .6em;
    308     overflow: hidden;
    309 }
    310 
    311 .gp-content h2 .action {
    312     margin-left: 6px;
     450    font-size: 1.5rem;
    313451}
    314452
     
    319457
    320458.gp-content h3 {
    321     background: none;
    322459    padding: 0;
    323460    margin: 2px 0 .6em;
     
    328465    border: 0;
    329466    padding: 0;
    330 }
    331 
    332 .gp-content .breadcrumb li {
    333     text-shadow: none;
    334 }
    335 
    336 .actionlist a,
    337 .actionlist a:link,
    338 .actionlist a:visited,
    339 .gp-content a {
    340     color: #0073aa;
    341 }
    342 
    343 .gp-content a:hover,
    344 li>a,
    345 p a {
    346     color: #00a0d2;
    347     text-decoration: none;
     467    margin: 0 0 1rem;
    348468}
    349469
     
    393513span.context,
    394514span.priority {
     515    display: inline-block;
    395516    color: #1e1e1e;
    396517    font-size: 12px;
     518    font-weight: 400;
    397519    padding: .1em 0;
    398520    margin-left: .2em;
     
    419541}
    420542
    421 table.translations thead tr {
    422     display: table-row !important;
    423 }
    424543
    425544table.translations td.original ul {
     
    447566}
    448567
    449 table.glossary {
    450     font-size: 14px;
    451 }
    452 
    453 table.glossary a.action,
    454 table.translations a.action {
    455     color: #1e1e1e;
    456     text-decoration: underline;
    457 }
    458 
    459 table.glossary a.action:hover,
    460 table.translations a.action:hover {
    461     color: #000;
    462 }
    463 
    464568.original-tags {
    465569    margin-top: .2em;
    466 }
    467 
    468 table.translations thead th,
    469 table.translations tfoot th,
    470 table.translation-sets thead th,
    471 table.translations tfoot th,
    472 table.glossary thead th,
    473 table.locale-sub-projects thead th,
    474 table.locales thead th {
    475     background-color: #808286;
    476     color: #fff;
    477 }
    478 
    479 table.translations thead th:not(:last-child),
    480 table.translations tfoot th:not(:last-child),
    481 table.translation-sets thead th:not(:last-child),
    482 table.translations tfoot th:not(:last-child),
    483 table.glossary thead th:not(:last-child),
    484 table.locale-sub-projects thead th:not(:last-child),
    485 table.locales thead th:not(:last-child) {
    486     border-right-color: #434648;
    487 }
    488 
    489 table.translations,
    490 table.translation-sets,
    491 table.glossary,
    492 table.locale-sub-projects,
    493 table.consistency-table,
    494 .stats-table table {
    495     font-size: 15px;
    496     line-height: 1.6;
    497     border-spacing: 0;
    498 }
    499 
    500 table.translations td,
    501 table.translations th,
    502 table.translation-sets td,
    503 table.translation-sets th,
    504 table.locales td,
    505 table.locales th,
    506 table.glossary th,
    507 table.glossary td,
    508 table.locale-sub-projects th,
    509 table.locale-sub-projects td {
    510     border: 0;
    511     border-bottom: 1px solid #72777c;
    512     border-right: 1px solid #72777c;
    513 }
    514 
    515 table.locales,
    516 table.glossary,
    517 table.locale-sub-projects,
    518 table.translation-sets,
    519 table.translations {
    520     border-left: 1px solid #72777c;
    521 }
    522 
    523 table.translations tr:nth-child(4n+3),
    524 table.glossary tr:nth-child(4n+3),
    525 table.locale-sub-projects tr:nth-child(even),
    526 .translation-sets tr,
    527 .locales tr {
    528     background-color: #f6f7f7;
    529 }
    530 
    531 .glossary tr.view:hover,
    532 .translations tr.preview:hover,
    533 .translation-sets tr:nth-child(odd):hover,
    534 .locales tr:nth-child(odd):hover,
    535 .translation-sets tr:hover,
    536 .locales tr:hover,
    537 .locale-sub-projects tr:hover td {
    538     background-color: #e5f5fa;
    539 }
    540 
    541 #legend .box {
    542     border-color: #72777c;
    543     box-sizing: border-box;
    544 }
    545 
    546 table.translations tr.preview.status-current,
    547 #legend .status-current {
    548     background-color: #b5e1b9;
    549 }
    550 
    551 table.translations tr.preview.status-waiting,
    552 #legend .status-waiting {
    553     background-color: #ffe399;
    554 }
    555 
    556 table.translations tr.preview.status-fuzzy,
    557 #legend .status-fuzzy {
    558     background-color: #f6a983;
    559 }
    560 
    561 table.translations tr.preview.has-warnings td.original,
    562 div#legend div.has-warnings {
    563     border-left: 3px solid #dc3232;
    564 }
    565 
    566 table.translations tr.preview.status-rejected,
    567 #legend .status-rejected {
    568     background-color: #eb9090;
    569 }
    570 
    571 table.translations tr.preview.status-old,
    572 #legend .status-old {
    573     background-color: #cdc5e1;
    574 }
    575 
    576 .glossary tr.active,
    577 table.translations tr.editor {
    578     background-color: #fbfbfb;
    579 }
    580 
    581 .gp-content .meta {
    582     color: #32373c;
    583 }
    584 
    585 .gp-content .meta a {
    586     color: #0073aa;
    587     border-bottom: 0;
    588 }
    589 
    590 .gp-content .meta a:hover {
    591     color: #00a0d2;
    592     border-bottom: 0;
    593570}
    594571
     
    596573dt a.edit {
    597574    background: none;
     575    color: inherit;
    598576}
    599577
     
    609587
    610588table.glossary .editor .strings dd {
    611     margin-bottom: 10px;
    612 }
    613 
    614 table.glossary .editor .strings p {
    615     display: flex;
    616     align-items: center;
    617     font-size: 14px;
    618     margin-top: 20px;
    619 }
    620 
    621 table.glossary .editor .strings p button {
    622     font-size: 14px;
    623     height: 26px;
    624 }
    625 
    626 table.glossary .editor .strings p button + .or-cancel {
    627     font-size: 14px;
    628     margin-left: .4em;
     589    margin: 0 0 10px;
     590}
     591
     592table.glossary .editor .strings input[type="text"] {
     593    width: 100%;
    629594}
    630595
     
    657622}
    658623
     624table.glossary .editor .meta dd {
     625    font-weight: 400;
     626}
     627
    659628table.glossary .editor .meta dl:first-child {
    660629    margin-top: 0;
     
    665634    height: 80px;
    666635    resize: vertical;
    667     box-sizing: border-box;
    668636}
    669637
     
    727695}
    728696
    729 #gp-footer {
    730     clear: both;
    731     font-family: 'Open Sans' !important;
    732     background: none;
    733     color: #a0a5aa;
    734 }
    735 
    736 #gp-footer a {
    737     color: #0073aa;
    738 }
    739 
    740697/* custom markup */
    741698#headline .menu-link {
     
    751708}
    752709
    753 .gp-content ul {
    754     padding-left: 20px;
    755 }
    756 
    757 .gp-content #submit {
     710/*.gp-content ul {
     711    padding-left: 0;
     712}*/
     713
     714/*.gp-content #submit {
    758715    font-size: 1em;
    759716    margin: 0.4em 0.1em 0 0;
    760 }
     717}*/
    761718
    762719.notice {
     
    771728
    772729.notice p {
    773     font-size: 14px;
     730    font-size: 15px;
    774731}
    775732
     
    782739
    783740.filter-header {
    784     font-family: 'Open Sans' !important;
    785741    display: inline-block;
    786742    position: relative;
    787     box-sizing: border-box;
    788743    margin: 30px 0;
    789744    padding: 0 20px;
     
    793748    background: #efefef;
    794749    color: #555;
    795     font-size: 13px;
    796750}
    797751
     
    815769    color: #666;
    816770    cursor: pointer;
     771    text-decoration: none !important;
     772}
     773
     774.filter-header-links li:hover > a,
     775.filter-header-links li:hover > span {
     776    border-bottom-color: #666;
    817777}
    818778
     
    845805    border-top: 0;
    846806    z-index: 1;
     807    margin: 0;
    847808}
    848809
     
    938899    box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    939900    background: #fff;
    940     box-sizing: border-box;
     901}
     902
     903.locale a {
     904    text-decoration: none;
     905}
     906
     907.locale .contributors a,
     908.locale-box .contributors a {
     909    text-decoration: none !important
    941910}
    942911
    943912.locale.percent-100 {
    944913    border-color: #509040;
    945 }
    946 
    947 a.contribute-button {
    948     color: #555;
    949 }
    950 
    951 a.contribute-button:hover {
    952     color: #333;
    953 }
    954 
    955 @media screen and (min-width: 783px) {
    956     a.contribute-button {
    957         font-size: 14px;
    958         padding: 0 14px;
    959         height: 28px;
    960         line-height: 28px;
    961     }
    962914}
    963915
     
    979931}
    980932
     933.locale .name .english {
     934    font-size: 18px;
     935}
     936
    981937.locale .name li,
    982938.locale-box .name li {
     
    986942.locale .name li.english a,
    987943.locale-box .name li.english {
    988     font-weight: bold;
     944    font-weight: 600;
    989945}
    990946
     
    10641020    box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    10651021    background: #fff;
    1066     box-sizing: border-box;
    10671022}
    10681023
     
    10781033    box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    10791034    background: #fff;
    1080     box-sizing: border-box;
    10811035}
    10821036
     
    11101064
    11111065.projects .project-description {
    1112     font-size: 13px;
    11131066    border-left: 0;
    11141067    margin-top: 0;
     
    11731126    margin: 20px 0;
    11741127    text-align: center;
    1175     box-sizing: border-box;
    11761128}
    11771129
     
    12351187    box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    12361188    background: #fff;
    1237     box-sizing: border-box;
     1189    font-size: 14px;
    12381190}
    12391191
     
    13431295.projects-dropdown a:focus {
    13441296    color: #333;
     1297    text-decoration: none;
    13451298}
    13461299
     
    13531306    position: absolute;
    13541307    left: -1px;
    1355     width: 100%;
     1308    right: -1px;
     1309    width: inherit;
    13561310    background: #f9f9f9;
    13571311    border: 1px solid #72777c;
     
    13811335    position: absolute;
    13821336    top: 5px;
    1383     right: 15px;
     1337    right: 25px;
    13841338    content: "\f140";
    13851339    width: 20px;
    1386     height: 20px;
     1340    height: 30px;
    13871341    font: 20px/1 "dashicons";
    13881342    border-left: 1px solid #72777c;
     
    14331387        border-left: none;
    14341388        border-right: none;
     1389        width: 100% !important;
    14351390    }
    14361391
     
    17761731    list-style: none;
    17771732    z-index: 5;
     1733    margin: 0;
     1734    font-size: 12px;
    17781735}
    17791736
     
    17811738    position: relative;
    17821739    display: inline-block;
    1783     padding-left: 23px;
     1740    padding-left: 16px;
    17841741    margin-right: 3px;
    17851742    cursor: pointer;
     
    17891746    content: '';
    17901747    position: absolute;
    1791     top: 2px;
     1748    top: 4px;
    17921749    left: 0;
    17931750    width: 12px;
     
    18341791    border: 1px solid #ccc;
    18351792    background: #fff;
    1836     box-sizing: border-box;
    18371793    page-break-inside: avoid;
    18381794    break-inside: avoid;
     
    18431799    display: block;
    18441800    padding: 5px 8px;
    1845     margin-bottom: 10px;
     1801    margin: 0 0 10px;
    18461802    background: #f9f9f9;
    18471803    border-bottom: 1px solid #ccc;
     
    19611917}
    19621918
    1963 .locale-project-contributors-group.locale-project-contributors-contributors .avatar {
    1964     float: left;
    1965     vertical-align: middle;
    1966     margin-right: 10px;
    1967     margin-top: -0.5em;
    1968 }
    1969 
    19701919.locale-project-contributors-group.locale-project-contributors-editors .avatar {
    19711920    vertical-align: middle;
     
    19911940}
    19921941
     1942.locale-project-contributors-table .contributor-details {
     1943    width: 40%;
     1944    overflow: hidden;
     1945}
     1946
     1947.locale-project-contributors-table .contributor-avatar {
     1948    float: left;
     1949    width: 40px;
     1950    display: flex;
     1951    flex-direction: column;
     1952}
     1953
    19931954.locale-project-contributors-table .contributor-name {
    1994     width: 40%;
    1995     position: relative;
     1955    margin-left: 50px;
     1956    display: flex;
     1957    flex-direction: column;
    19961958}
    19971959
    19981960.locale-project-contributors-table .translation-editor {
    1999     position: absolute;
    2000     top: 37px;
    2001     left: 10px;
    20021961    width: 40px;
    20031962    color: #fff;
    20041963    font-weight: 200;
     1964    font-size: 12px;
    20051965    line-height: 16px;
    20061966    text-align: center;
    20071967    background-color: #826eb4;
    2008 }
    2009 
    2010 .locale-project-contributors-table .contributor-name span {
    2011     float: left;
    2012     font-size: 12px;
    2013     display: block;
    2014     margin-top: 13px;
    2015 }
    2016 
    2017 .locale-project-contributors-table .contributor-name a {
    2018     display: inline-block;
    2019     margin-top: 0.5em;
    20201968}
    20211969
     
    21022050    }
    21032051
    2104     .locale-project-contributors-table .contributor-name,
     2052    .locale-project-contributors-table .contributor-details,
    21052053    .locale-project-contributors-table .contributor-stats {
    21062054        width: 100%;
     
    21082056    }
    21092057
    2110     .locale-project-contributors-table .contributor-name span {
     2058    .locale-project-contributors-table .contributor-details span {
    21112059        float: none;
    21122060    }
     
    21352083.consistency-form-locale,
    21362084.consistency-form-project {
    2137     height: 30px;
    2138     padding: 3px;
    2139     box-sizing: border-box;
    2140     font-size: 15px;
    2141     line-height: 1;
    2142     color: #333;
    2143     border: 0;
    2144     outline: 1px solid #ccc;
    2145     background-color: white;
    2146     outline-offset: 0;
    2147     margin: 0 3px;
    21482085    vertical-align: middle;
    2149 }
    2150 
    2151 .consistency-form-search:focus,
    2152 .consistency-form-locale:focus,
    2153 .consistency-form-project:focus {
    2154     outline: 1px solid #5b9dd9;
    2155     box-shadow: 0 0 2px rgba(30,128,190,.8);
    21562086}
    21572087
     
    21662096.consistency-form-project {
    21672097    width: 120px;
    2168 }
    2169 
    2170 .gp-content .consistency-form-submit {
    2171     background: #0085ba;
    2172     border-color: #0073aa #006799 #006799;
    2173     box-shadow: 0 1px 0 #006799;
    2174     color: #fff;
    2175     height: 30px;
    2176     line-height: 1;
    2177     padding: 0 16px;
    2178     vertical-align: top;
    2179     box-sizing: border-box;
    2180     cursor: pointer;
    2181     display: inline-block;
    2182     font-size: 15px;
    2183 }
    2184 
    2185 .gp-content .consistency-form-submit:hover,
    2186 .gp-content .consistency-form-submit:focus {
    2187     background: #008ec2;
    2188     border-color: #006799;
    2189     box-shadow: 0 1px 0 #006799;
    2190     color: #fff;
    2191 }
    2192 
    2193 .gp-content .consistency-form-submit:focus {
    2194     box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    2195 }
    2196 
    2197 .consistency-form-submit:active {
    2198     background: #0073aa;
    2199     border-color: #006799;
    2200     box-shadow: inset 0 2px 0 #006799;
    22012098}
    22022099
     
    22172114    table-layout: fixed;
    22182115    margin: 30px 0;
    2219 }
    2220 
    2221 .consistency-table th {
     2116    border: 0;
     2117}
     2118
     2119.consistency-table thead th {
    22222120    width: 50%;
    2223     font-weight: bold;
    22242121    text-align: center;
    2225     padding: 10px 0;
    2226 }
    2227 
    2228 .consistency-table tr {
    2229     border-bottom: 1px solid #72777c;
    2230 }
    2231 
    2232 .consistency-table tr.new-translation {
    2233     border-bottom-width: 0;
    22342122}
    22352123
    22362124.consistency-table td {
    2237     padding: 10px 7.5px;
    22382125    vertical-align: top;
    22392126}
     
    22442131    top: 0;
    22452132    padding: 10px 7.5px;
    2246     background: #fff;
    2247     text-align: left;
    2248     box-shadow: 0 -1px 0 #72777c, 0 3px 0 #72777c;
     2133    background-color: var(--gp-color-canvas-subtle);
     2134    border-top-width: 3px;
     2135}
     2136
     2137.consistency-table tbody > tr.new-translation:first-child th {
     2138    border-top-width: 0;
    22492139}
    22502140
     
    22822172
    22832173.consistency-table .project-wordpress {
    2284     box-shadow: -5px 0 0 #fff, -10px 0 0 #0073aa;
     2174    background: #E5F5FA !important;
    22852175}
    22862176
     
    22952185}
    22962186
    2297 .gp-content button,
    2298 .gp-content input.button {
    2299     background: #f7f7f7;
    2300     border: 1px solid #ccc;
    2301     box-shadow: 0 1px 0 #ccc;
    2302     color: #555;
    2303     vertical-align: top;
    2304     border-radius: 3px;
    2305     box-sizing: border-box;
    2306     cursor: pointer;
    2307     display: inline-block;
    2308     font-size: 12px;
    2309     height: 22px;
    2310     line-height: 1;
    2311     margin: 0 1px;
    2312     padding: 0 10px;
    2313     text-decoration: none;
    2314     white-space: nowrap;
    2315     -webkit-appearance: none;
    2316 }
    2317 
    2318 .gp-content button:hover,
    2319 .gp-content button:focus,
    2320 .gp-content input.button:hover,
    2321 .gp-content input.button:focus {
    2322     background: #fafafa;
    2323     border-color: #999;
    2324     color: #23282d;
    2325 }
    2326 
    2327 .gp-content button:focus,
    2328 .gp-content input.button:focus {
    2329     border-color: #5b9dd9;
    2330     box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    2331     outline: 0;
    2332 }
    2333 
    2334 .gp-content .bulk-actions {
    2335     margin-bottom: 1rem;
    2336 }
    2337 
    2338 .gp-content .bulk-actions select,
    2339 .gp-content .bulk-actions input.button {
    2340     vertical-align: middle;
    2341 }
    2342 
    2343 .gp-content .bulk-actions input.button {
    2344     height: auto;
    2345     padding: 10px;
    2346     font-size: 14px;
    2347 }
    2348 
    2349 #legend {
    2350     clear: both;
    2351     float: left;
    2352     padding: 0;
    2353     margin: 1em 0;
    2354 }
    2355 
    2356 #legend + .actionlist {
    2357     margin: 0;
    2358 }
    2359 
    2360 .paging a,
    2361 .paging span,
    2362 .paging .current,
    2363 .paging .dots {
    2364     width: auto;
    2365     min-width: 2em;
    2366     padding: .1em;
     2187.paging a {
     2188    text-decoration: none !important;
    23672189}
    23682190
     
    23782200}
    23792201
    2380 table.translations {
    2381     table-layout: fixed;
    2382 }
    2383 
    2384 table.translations th.checkbox {
    2385     width: 16px;
    2386     text-align: center;
    2387 }
    2388 @media screen and (max-width: 782px) {
    2389     table.translations th.checkbox {
    2390         width: 24px;
    2391     }
    2392 }
    2393 
    2394 table.translations th.priority,
     2202table.translations th.gp-column-priority,
    23952203table.translations td.priority {
    23962204    display: none;
    23972205}
    23982206
    2399 table.translations th.original,
    2400 table.translations th.translation {
     2207table.translations tr.preview > td.priority + td.original {
     2208    border-left: none;
     2209}
     2210
     2211table.translations th.gp-column-original,
     2212table.translations th.gp-column-translation {
    24012213    width: 50%;
    24022214}
    24032215
    2404 table.translations th.actions {
     2216table.translations th.gp-column-actions {
    24052217    width: 5em;
    24062218    text-align: center;
     
    24222234    width: 100%;
    24232235    border: 0;
    2424     background: #fff;
    2425     color: #1e1e1e;
     2236    background: #fff !important;
     2237    color: #1e1e1e !important;
    24262238    outline: none;
    24272239    padding: 15px 0;
     
    24432255    font-weight: normal;
    24442256    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    2445     font-size: 15px;
    24462257}
    24472258
     
    24522263.editor-panel .meta dt {
    24532264    margin-right: .25em;
     2265}
     2266
     2267.editor-panel .meta dd {
     2268    font-weight: 400;
    24542269}
    24552270
     
    24652280}
    24662281
    2467 .editor-panel .meta .status-actions button {
    2468     font-size: 14px;
    2469     height: 26px;
    2470 }
    2471 
    2472 button.approve strong {
     2282.editor-panel .meta .status-actions button strong {
     2283    margin-right: .4em;
     2284}
     2285
     2286/*button.approve strong {
    24732287    color: #46b450;
    2474 }
     2288}*/
    24752289
    24762290button.reject strong {
     
    25022316        align-items: flex-start;
    25032317    }
    2504 }
    2505 
    2506 .editor-panel * {
    2507     box-sizing: border-box;
    25082318}
    25092319
     
    26432453    box-shadow: none;
    26442454    border-radius: 0;
     2455    display: inline-flex;
     2456    align-items: center;
     2457    justify-content: center;
    26452458}
    26462459
     
    27872600    list-style: none;
    27882601    flex: 1;
    2789     margin-left: 10px;
     2602    margin: 0 0 0 10px;
    27902603}
    27912604
     
    28272640    padding: 7px 0;
    28282641    flex-direction: row-reverse;
     2642    align-items: flex-end;
    28292643}
    28302644
     
    28372651}
    28382652
    2839 .translation-actions__secondary button {
     2653button.translation-actions__save {
     2654    padding: 10px 18px !important;
     2655    font-size: 16px !important;
     2656    min-height: 45px !important
     2657}
     2658
     2659/*.translation-actions__secondary button {
    28402660    height: 35px;
    28412661}
     
    28642684    box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    28652685    color: #fff;
    2866 }
     2686}*/
    28672687
    28682688.suggestions-wrapper {
     
    30212841    border: 1px solid #ccc;
    30222842    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    3023     box-sizing: border-box;
    30242843    margin: 0;
    30252844    overflow: auto;
     
    30652884    font-weight: 300;
    30662885    font-size: 22px;
     2886    margin: 0;
    30672887}
    30682888
     
    31532973.textarea-direction-ltr button.translation-actions__rtl,
    31542974.translation-sets-rtl button.translation-actions__ltr {
    3155     display: inline-block;
     2975    display: inline-flex !important;
    31562976}
    31572977
     
    31592979button.translation-actions__ltr,
    31602980button.translation-actions__rtl {
    3161     display: none;
     2981    display: none !important;
    31622982}
    31632983
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/translation-row-editor.php

    r11316 r11732  
    184184                            <?php if ( $can_edit ) : ?>
    185185                                <div class="translation-actions__primary">
    186                                     <button class="translation-actions__save with-tooltip"
     186                                    <button class="button is-primary translation-actions__save with-tooltip"
    187187                                            type="button"
    188188                                            aria-label="<?php echo $can_approve_translation ? 'Save and approve translation' : 'Suggest new translation'; ?>"
     
    192192                                </div>
    193193                                <div class="translation-actions__secondary">
    194                                     <button type="button" class="translation-actions__copy with-tooltip" aria-label="Copy original">
     194                                    <button type="button" class="button is-small translation-actions__copy with-tooltip" aria-label="Copy original">
    195195                                        <span class="screen-reader-text">Copy</span><span aria-hidden="true" class="dashicons dashicons-admin-page"></span>
    196196                                    </button>
    197                                     <button type="button" class="translation-actions__ltr with-tooltip" aria-label="Switch to LTR">
     197                                    <button type="button" class="button is-small translation-actions__insert-tab with-tooltip" aria-label="Insert tab">
     198                                        <span class="screen-reader-text">Insert tab</span><span aria-hidden="true" class="dashicons dashicons-editor-indent"></span>
     199                                    </button>
     200                                    <button type="button" class="button is-small translation-actions__insert-newline with-tooltip" aria-label="Insert newline">
     201                                        <span class="screen-reader-text">Insert newline</span><span aria-hidden="true" class="dashicons dashicons-editor-break"></span>
     202                                    </button>
     203                                    <button type="button" class="button is-small translation-actions__ltr with-tooltip" aria-label="Switch to LTR">
    198204                                        <span class="screen-reader-text">LTR</span><span aria-hidden="true" class="dashicons dashicons-editor-ltr"></span>
    199205                                    </button>
    200                                     <button type="button" class="translation-actions__rtl with-tooltip" aria-label="Switch to RTL">
     206                                    <button type="button" class="button is-small translation-actions__rtl with-tooltip" aria-label="Switch to RTL">
    201207                                        <span class="screen-reader-text">RTL</span><span aria-hidden="true" class="dashicons dashicons-editor-rtl"></span>
    202208                                    </button>
    203                                     <button type="button" class="translation-actions__help with-tooltip" aria-label="Show help">
     209                                    <button type="button" class="button is-small translation-actions__help with-tooltip" aria-label="Show help">
    204210                                        <span class="screen-reader-text">Help</span><span aria-hidden="true" class="dashicons dashicons-editor-help"></span>
    205211                                    </button>
     
    243249                                <?php if ( $can_approve_translation ) : ?>
    244250                                    <?php if ( 'current' !== $translation->translation_status ) : ?>
    245                                         <button class="approve" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-current_' . $translation->id ) ); ?>"><strong>+</strong> <?php _e( 'Approve', 'glotpress' ); ?></button>
     251                                        <button class="button  is-primary approve" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-current_' . $translation->id ) ); ?>"><strong>+</strong> <?php _e( 'Approve', 'glotpress' ); ?></button>
    246252                                    <?php endif; ?>
    247253                                    <?php if ( 'rejected' !== $translation->translation_status ) : ?>
    248                                         <button class="reject" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-rejected_' . $translation->id ) ); ?>"><strong>&minus;</strong> <?php _e( 'Reject', 'glotpress' ); ?></button>
     254                                        <button class="button reject" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-rejected_' . $translation->id ) ); ?>"><strong>&minus;</strong> <?php _e( 'Reject', 'glotpress' ); ?></button>
    249255                                    <?php endif; ?>
    250256                                    <?php if ( 'fuzzy' !== $translation->translation_status ) : ?>
    251                                         <button class="fuzzy" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-fuzzy_' . $translation->id ) ); ?>"><strong>~</strong> <?php _e( 'Fuzzy', 'glotpress' ); ?></button>
     257                                        <button class="button fuzzy" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-fuzzy_' . $translation->id ) ); ?>"><strong>~</strong> <?php _e( 'Fuzzy', 'glotpress' ); ?></button>
    252258                                    <?php endif; ?>
    253259                                <?php elseif ( $can_reject_self ): ?>
    254                                     <button class="reject" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-rejected_' . $translation->id ) ); ?>"><strong>&minus;</strong> <?php _e( 'Reject Suggestion', 'glotpress' ); ?></button>
    255                                     <button class="fuzzy" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-fuzzy_' . $translation->id ) ); ?>"><strong>~</strong> <?php _e( 'Fuzzy', 'glotpress' ); ?></button>
     260                                    <button class="button reject" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-rejected_' . $translation->id ) ); ?>"><strong>&minus;</strong> <?php _e( 'Reject Suggestion', 'glotpress' ); ?></button>
     261                                    <button class="button fuzzy" tabindex="-1" data-nonce="<?php echo esc_attr( wp_create_nonce( 'update-translation-status-fuzzy_' . $translation->id ) ); ?>"><strong>~</strong> <?php _e( 'Fuzzy', 'glotpress' ); ?></button>
    256262                                <?php endif; ?>
    257263                            </div>
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/translation-row-preview.php

    r11051 r11732  
    4343        ?>
    4444
    45         <div class="original-tags">
     45
     46        <?php
     47        $show_context  = wporg_gp_should_display_original_context( $translation );
     48        $show_priority = '1' === $translation->priority || '-1' === $translation->priority;
     49        if ( $show_context || $show_priority ) :
     50            ?>
     51            <div class="original-tags">
     52                <?php
     53                if ( $show_context ) :
     54                    ?>
     55                    <span class="context bubble"><?php echo esc_html( $translation->context ); ?></span>
     56                    <?php
     57                endif;
     58
     59                if ( $show_priority ) :
     60                    ?>
     61                    <span class="priority bubble"><?php echo esc_html( sprintf( 'Priority: %s', gp_array_get( GP::$original->get_static( 'priorities' ), $translation->priority ) ) ); ?></span>
     62                    <?php
     63                endif;
     64                ?>
     65            </div>
    4666            <?php
    47             if ( wporg_gp_should_display_original_context( $translation ) ) :
    48                 ?>
    49                 <span class="context bubble"><?php echo esc_html( $translation->context ); ?></span>
    50                 <?php
    51             endif;
    52 
    53             if ( '1' === $translation->priority || '-1' === $translation->priority ) :
    54                 ?>
    55                 <span class="priority bubble"><?php echo esc_html( sprintf( 'Priority: %s', gp_array_get( GP::$original->get_static( 'priorities' ), $translation->priority ) ) ); ?></span>
    56                 <?php
    57             endif;
    58             ?>
    59         </div>
     67        endif;
     68        ?>
    6069    </td>
    6170    <td class="translation foreign-text">
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/css/translation-suggestions.css

    r9557 r11732  
    22    list-style: none;
    33    padding: 0;
     4    margin: 0;
    45}
    56
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/inc/class-plugin.php

    r11093 r11732  
    113113            plugins_url( 'css/translation-suggestions.css', PLUGIN_FILE ),
    114114            [],
    115             '20200301'
     115            '20220401'
    116116        );
    117117        gp_enqueue_style( 'gp-translation-suggestions' );
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/templates/other-languages-suggestions.php

    r10639 r11732  
    3737            echo '<span aria-hidden="true" class="translation-suggestion__translation-raw">' . esc_translation( $suggestion['translation'] ) . '</span>';
    3838
    39             echo '<button type="button" class="copy-suggestion">Copy</button>';
     39            echo '<button type="button" class="button is-small copy-suggestion">Copy</button>';
    4040        echo '</div>';
    4141        echo '</li>';
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/templates/translation-memory-suggestions.php

    r8732 r11732  
    2020            echo '<span aria-hidden="true" class="translation-suggestion__translation-raw">' . esc_translation( $suggestion['translation'] ) . '</span>';
    2121
    22             echo '<button type="button" class="copy-suggestion">Copy</button>';
     22            echo '<button type="button" class="button is-small copy-suggestion">Copy</button>';
    2323        echo '</div>';
    2424        echo '</li>';
Note: See TracChangeset for help on using the changeset viewer.