Changeset 11732

Timestamp:

04/01/2022 11:42:40 AM (4 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:

• wporg-gp-customizations/templates/consistency.php (modified) (2 diffs)
• wporg-gp-customizations/templates/js/editor.js (modified) (3 diffs)
• wporg-gp-customizations/templates/locale-project.php (modified) (4 diffs)
• wporg-gp-customizations/templates/locale-projects.php (modified) (3 diffs)
• wporg-gp-customizations/templates/style.css (modified) (63 diffs)
• wporg-gp-customizations/templates/translation-row-editor.php (modified) (3 diffs)
• wporg-gp-customizations/templates/translation-row-preview.php (modified) (1 diff)
• wporg-gp-translation-suggestions/css/translation-suggestions.css (modified) (1 diff)
• wporg-gp-translation-suggestions/inc/class-plugin.php (modified) (1 diff)
• wporg-gp-translation-suggestions/templates/other-languages-suggestions.php (modified) (1 diff)
• wporg-gp-translation-suggestions/templates/translation-memory-suggestions.php (modified) (1 diff)

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

@@ -64 +64 @@
 
         <p>
-                <button type="submit" class="consistency-form-submit">Analyze</button>
+                <button type="submit" class="button is-primary consistency-form-submit">Analyze</button>
         </p>
 </form>
@@ -93 +93 @@
 
         ?>
-        <table class="consistency-table">
+        <table class="gp-table consistency-table">
                 <thead>
                         <th>Original</th>

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/js/editor.js

@@ -70 +70 @@
         }
 
-        // Override copy function to adopt custom markup.
+        // Override functions to adopt custom markup.
         $gp.editor.copy = function() {
                 var $activeTextarea = $gp.editor.current.find( '.textareas.active textarea' );
@@ -101 +101 @@
                 var event = new Event( 'input' );
                 $activeTextarea[0].dispatchEvent( event );
+        };
+        $gp.editor.tab = function() {
+                var text_area = $gp.editor.current.find( '.textareas.active textarea' );
+                if ( ! text_area.length ) {
+                        return;
+                }
+
+                var cursorPos = text_area.prop( 'selectionStart' );
+                var v = text_area.val();
+                var textBefore = v.substring( 0,  cursorPos );
+                var textAfter  = v.substring( cursorPos, v.length );
+
+                text_area.val( textBefore + '\t' + textAfter );
+
+                text_area.focus();
+                text_area[0].selectionEnd = cursorPos + 1;
+        },
+        $gp.editor.newline = function() {
+                var text_area = $gp.editor.current.find( '.textareas.active textarea' );
+                if ( ! text_area.length ) {
+                        return;
+                }
+
+                var cursorPos = text_area.prop( 'selectionStart' );
+                var v = text_area.val();
+                var textBefore = v.substring( 0,  cursorPos );
+                var textAfter  = v.substring( cursorPos, v.length );
+
+                text_area.val( textBefore + '\n' + textAfter );
+
+                text_area.focus();
+                text_area[0].selectionEnd = cursorPos + 1;
         };
 
@@ -244 +276 @@
                                 .on( 'click', 'button.panel-header-actions__cancel', $gp.editor.hooks.cancel )
                                 .on( 'click', 'button.translation-actions__copy', $gp.editor.hooks.copy )
+                                .on( 'click', 'button.translation-actions__insert-tab', $gp.editor.hooks.tab )
                                 .on( 'click', 'button.translation-actions__save', $gp.editor.hooks.ok )
                                 .on( 'click', 'button.translation-actions__help', openHelpModal )

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/locale-project.php

@@ -145 +145 @@
 
 <div class="locale-project">
-        <table class="locale-sub-projects">
+        <table class="gp-table locale-sub-projects">
                 <thead>
                         <tr>
@@ -241 +241 @@
                 <h3>Translation Contributors</h3>
                 <?php if ( $locale_contributors['contributors'] ) : ?>
-                <table class="locale-project-contributors-table">
+                <table class="gp-table locale-project-contributors-table">
                         <thead>
                                 <tr>
-                                        <th class="contributor-name">Contributor</th>
+                                        <th class="contributor-details">Contributor</th>
                                         <th class="contributor-stats">Translations</th>
                                 </tr>
@@ -355 +355 @@
                                 printf(
                                         '<tr id="contributor-%s">
-                                                <td class="contributor-name">
-                                                        %s
-                                                        <a href="https://profiles.wordpress.org/%s/">%s %s</a>
-                                                        <span>Latest translation: %s ago</span>
+                                                <td class="contributor-details">
+                                                        <div class="contributor-avatar">
+                                                                %s
+                                                                %s
+                                                        </div>
+                                                        <div class="contributor-name">
+                                                                <a href="https://profiles.wordpress.org/%s/">%s</a>
+                                                                <span>Latest translation: %s ago</span>
+                                                        </div>
                                                 </td>
                                                 <td class="contributor-stats">
@@ -386 +391 @@
                                         </tr>',
                                         $contributor->nicename,
+                                        get_avatar( $contributor->email, 40 ),
                                         $contributor->is_editor ? '<span class="translation-editor">Editor</span>' : '',
                                         $contributor->nicename,
-                                        get_avatar( $contributor->email, 40 ),
                                         $contributor->display_name ?: $contributor->nicename,
                                         human_time_diff( strtotime( $contributor->last_update ) ),

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/locale-projects.php

@@ -94 +94 @@
 <div class="sort-bar">
         <form id="sort-filter" action="" method="GET">
-                <input type="hidden" name="s" value="<?php echo esc_attr( $search ?? '' ); ?>"
+                <input type="hidden" name="s" value="<?php echo esc_attr( $search ?? '' ); ?>">
                 <input type="hidden" name="page" value="1">
 
@@ -114 +114 @@
                 ?>
                 <label for="filter">Filter:</label>
-                <select id="filter" name="filter">
+                <select id="filter" class="is-small" name="filter">
                         <?php
                                 $sorts = array();
@@ -141 +141 @@
                 </select>
 
-                <button type="submit"><?php echo ( 1 === $filter_count ? 'Apply Filter' : 'Apply Filters' ); ?></button>
+                <button type="submit" class="button is-small"><?php echo ( 1 === $filter_count ? 'Apply Filter' : 'Apply Filters' ); ?></button>
         </form>
 </div>

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

@@ -1 @@
-body, html {
-        height: 100%;
-}
-
-body,
+/**
+ * wporg-main overrides.
+ */
 html,
-.gp-content,
-.gp-content textarea,
-.gp-content input {
-        color: #1e1e1e;
-        font-size: 14px; /* Overwrite wporg-main. Affects layout rem sizing. */
-}
-
-.gp-content * {
-    box-sizing: content-box;
-}
-
-.gp-content table tbody tr:nth-child(2n) {
-        background-color: unset; /* Override wporg-main. */
-}
-
+body {
+        font-size: 16px;
+}
+
+.gp-content {
+        font-size: 1rem;
+        line-height: 1.5;
+        font-family:
+                -apple-system,
+                BlinkMacSystemFont,
+                "Segoe UI",
+                Helvetica,
+                Arial,
+                sans-serif,
+                "Apple Color Emoji",
+                "Segoe UI Emoji";
+}
+
+.gp-content table {
+        font-size: inherit;
+}
+
+.gp-content table thead {
+        color: inherit;
+        background-color: inherit;
+}
+
+.gp-content table tbody tr:nth-child(2n):not(:hover) {
+        background-color: unset;
+}
+
+.gp-content input,
+.gp-content select {
+        margin: 0;
+}
+
+.gp-content input[type=checkbox],
+.gp-content input[type=radio] {
+        min-width: 0;
+        text-align: unset;
+        line-height: inherit;
+}
+
+.gp-content input,
+.gp-content select,
 .gp-content textarea {
-        max-width: 100%;
-}
-
-.gp-content summary {
-        display: list-item;
-}
-
-.gp-content textarea,
-.gp-content select,
-.gp-content input {
-        font-size: 1em;
-}
-
+        transition: none;
+}
+
+.gp-content label {
+        vertical-align: unset;
+}
+
+.gp-content input[type=checkbox]:checked:before {
+        content: '';
+        margin: 0;
+        width: 0.8rem;
+        height: 0.8rem;
+        float: none;
+}
+
+.gp-content input[type=radio]:checked:before {
+        content: '';
+        margin: 0;
+        width: 0.625rem;
+        height: 0.625rem;
+        float: none;
+        border-radius: 50%;
+        font-size: inherit;
+        line-height: inherit;
+        text-indent: unset;
+}
+
+.gp-content .button:active {
+        transform: none;
+}
+
+.gp-content a,
+li>a,
+p a {
+        text-decoration: underline;
+        text-decoration-thickness: max(1px,0.063rem);
+        text-underline-offset: 0.1em;
+}
+
+li>a:hover,
+p a:hover {
+        color: var( --gp-color-accent-fg );
+}
+
+.gp-content a:active,
+.gp-content a:focus,
+.gp-content a:hover {
+        text-decoration: underline;
+        text-decoration-thickness: max(3px,0.188rem);
+        text-decoration-skip-ink: none;
+}
+
+.gp-content .button:focus,
+.gp-content .button:hover {
+        text-decoration: none;
+}
+
+.gp-content .button-group > .button {
+        border-radius: 2px !important;
+        margin: 0;
+        display: inline-flex;
+}
+
+.gp-content .button:visited {
+        color: var( --gp-color-btn-text );
+        border: 1px solid var( --gp-color-btn-border );
+        box-shadow: none;
+        background: var( --gp-color-btn-bg );
+}
+
+select.is-small {
+        padding-top: 3px;
+        padding-bottom: 3px;
+        font-size: 12px;
+        min-height: 28px;
+}
+
+/**
+ * Site header.
+ */
 .site-header {
         font-family: "Open Sans", sans-serif;
@@ -45 +140 @@
 
 .site-header .site-branding {
-        box-sizing: border-box;
         margin: 0 auto;
-        max-width: 960px;
+        max-width: 1200px;
         padding: 0 10px;
 }
@@ -109 +203 @@
 .navigation-main {
         background: transparent;
-        max-width: 940px;
+        max-width: 1200px;
         height: 32px;
         margin: -32px auto 0 auto;
@@ -250 +344 @@
 }
 
+/**
+ * GlotPress overrides.
+ */
+
+:root {
+        --gp-color-fg-default: #000000;
+        --gp-color-accent-fg: #2271b1;
+        --gp-color-accent-emphasis: #135e96;
+
+        --gp-color-border-default: #72777c;
+        --gp-color-border-muted: #b1b8c1;
+
+        --gp-color-btn-text: #2271b1;
+        --gp-color-btn-border: #2271b1;
+        --gp-color-btn-hover-text: #135e96;
+        --gp-color-btn-hover-border: #135e96;
+
+        --gp-color-btn-primary-text: #fff;
+        --gp-color-btn-primary-bg: #2271b1;
+        --gp-color-btn-primary-border: #2271b1;
+        --gp-color-btn-primary-hover-text: #fff;
+        --gp-color-btn-primary-hover-bg: #135e96;
+        --gp-color-btn-primary-hover-border: #135e96;
+
+        --gp-color-status-fuzzy-subtle: #f6a983;
+        --gp-color-status-current-subtle: #b5e1b9;
+        --gp-color-status-old-subtle: #cdc5e1;
+        --gp-color-status-waiting-subtle: #ffe399;
+        --gp-color-status-rejected-subtle: #eb9090;
+}
+
+.locale-sub-projects .stats,
+.translation-sets .stats {
+        text-align: left;
+}
+
+table.glossary tr.editor,
+table.translations tr.editor,
+table.glossary tr.editor:hover,
+table.translations tr.editor:hover {
+        border-left: 0;
+        box-shadow: none;
+}
+
+.gp-content textarea {
+        max-width: 100%;
+}
+
+.gp-content summary {
+        display: list-item;
+}
+
 #gp-js-message {
         top: 50px;
@@ -296 +442 @@
 
 .gp-content {
-        font-family: 'Open Sans', sans-serif !important;
         margin: 20px auto;
-        max-width: 940px;
+        max-width: 1200px;
         padding: 0 10px;
 }
 
 .gp-content h2 {
-        font-family: 'Open Sans', sans-serif !important;
-        font-size: 26px;
-        margin: 2px 0 .6em;
-        overflow: hidden;
-}
-
-.gp-content h2 .action {
-        margin-left: 6px;
+        font-size: 1.5rem;
 }
 
@@ -319 +457 @@
 
 .gp-content h3 {
-        background: none;
         padding: 0;
         margin: 2px 0 .6em;
@@ -328 +465 @@
         border: 0;
         padding: 0;
-}
-
-.gp-content .breadcrumb li {
-        text-shadow: none;
-}
-
-.actionlist a,
-.actionlist a:link,
-.actionlist a:visited,
-.gp-content a {
-        color: #0073aa;
-}
-
-.gp-content a:hover,
-li>a,
-p a {
-        color: #00a0d2;
-        text-decoration: none;
+        margin: 0 0 1rem;
 }
 
@@ -393 +513 @@
 span.context,
 span.priority {
+        display: inline-block;
         color: #1e1e1e;
         font-size: 12px;
+        font-weight: 400;
         padding: .1em 0;
         margin-left: .2em;
@@ -419 +541 @@
 }
 
-table.translations thead tr {
-        display: table-row !important;
-}
 
 table.translations td.original ul {
@@ -447 +566 @@
 }
 
-table.glossary {
-        font-size: 14px;
-}
-
-table.glossary a.action,
-table.translations a.action {
-        color: #1e1e1e;
-        text-decoration: underline;
-}
-
-table.glossary a.action:hover,
-table.translations a.action:hover {
-        color: #000;
-}
-
 .original-tags {
         margin-top: .2em;
-}
-
-table.translations thead th,
-table.translations tfoot th,
-table.translation-sets thead th,
-table.translations tfoot th,
-table.glossary thead th,
-table.locale-sub-projects thead th,
-table.locales thead th {
-        background-color: #808286;
-        color: #fff;
-}
-
-table.translations thead th:not(:last-child),
-table.translations tfoot th:not(:last-child),
-table.translation-sets thead th:not(:last-child),
-table.translations tfoot th:not(:last-child),
-table.glossary thead th:not(:last-child),
-table.locale-sub-projects thead th:not(:last-child),
-table.locales thead th:not(:last-child) {
-        border-right-color: #434648;
-}
-
-table.translations,
-table.translation-sets,
-table.glossary,
-table.locale-sub-projects,
-table.consistency-table,
-.stats-table table {
-        font-size: 15px;
-        line-height: 1.6;
-        border-spacing: 0;
-}
-
-table.translations td,
-table.translations th,
-table.translation-sets td,
-table.translation-sets th,
-table.locales td,
-table.locales th,
-table.glossary th,
-table.glossary td,
-table.locale-sub-projects th,
-table.locale-sub-projects td {
-        border: 0;
-        border-bottom: 1px solid #72777c;
-        border-right: 1px solid #72777c;
-}
-
-table.locales,
-table.glossary,
-table.locale-sub-projects,
-table.translation-sets,
-table.translations {
-        border-left: 1px solid #72777c;
-}
-
-table.translations tr:nth-child(4n+3),
-table.glossary tr:nth-child(4n+3),
-table.locale-sub-projects tr:nth-child(even),
-.translation-sets tr,
-.locales tr {
-        background-color: #f6f7f7;
-}
-
-.glossary tr.view:hover,
-.translations tr.preview:hover,
-.translation-sets tr:nth-child(odd):hover,
-.locales tr:nth-child(odd):hover,
-.translation-sets tr:hover,
-.locales tr:hover,
-.locale-sub-projects tr:hover td {
-        background-color: #e5f5fa;
-}
-
-#legend .box {
-        border-color: #72777c;
-        box-sizing: border-box;
-}
-
-table.translations tr.preview.status-current,
-#legend .status-current {
-        background-color: #b5e1b9;
-}
-
-table.translations tr.preview.status-waiting,
-#legend .status-waiting {
-        background-color: #ffe399;
-}
-
-table.translations tr.preview.status-fuzzy,
-#legend .status-fuzzy {
-        background-color: #f6a983;
-}
-
-table.translations tr.preview.has-warnings td.original,
-div#legend div.has-warnings {
-        border-left: 3px solid #dc3232;
-}
-
-table.translations tr.preview.status-rejected,
-#legend .status-rejected {
-        background-color: #eb9090;
-}
-
-table.translations tr.preview.status-old,
-#legend .status-old {
-        background-color: #cdc5e1;
-}
-
-.glossary tr.active,
-table.translations tr.editor {
-        background-color: #fbfbfb;
-}
-
-.gp-content .meta {
-        color: #32373c;
-}
-
-.gp-content .meta a {
-        color: #0073aa;
-        border-bottom: 0;
-}
-
-.gp-content .meta a:hover {
-        color: #00a0d2;
-        border-bottom: 0;
 }
 
@@ -596 +573 @@
 dt a.edit {
         background: none;
+        color: inherit;
 }
 
@@ -609 +587 @@
 
 table.glossary .editor .strings dd {
-        margin-bottom: 10px;
-}
-
-table.glossary .editor .strings p {
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        margin-top: 20px;
-}
-
-table.glossary .editor .strings p button {
-        font-size: 14px;
-        height: 26px;
-}
-
-table.glossary .editor .strings p button + .or-cancel {
-        font-size: 14px;
-        margin-left: .4em;
+        margin: 0 0 10px;
+}
+
+table.glossary .editor .strings input[type="text"] {
+        width: 100%;
 }
 
@@ -657 +622 @@
 }
 
+table.glossary .editor .meta dd {
+        font-weight: 400;
+}
+
 table.glossary .editor .meta dl:first-child {
         margin-top: 0;
@@ -665 +634 @@
         height: 80px;
         resize: vertical;
-        box-sizing: border-box;
 }
 
@@ -727 +695 @@
 }
 
-#gp-footer {
-        clear: both;
-        font-family: 'Open Sans' !important;
-        background: none;
-        color: #a0a5aa;
-}
-
-#gp-footer a {
-        color: #0073aa;
-}
-
 /* custom markup */
 #headline .menu-link {
@@ -751 +708 @@
 }
 
-.gp-content ul {
-        padding-left: 20px;
-}
-
-.gp-content #submit {
+/*.gp-content ul {
+        padding-left: 0;
+}*/
+
+/*.gp-content #submit {
         font-size: 1em;
         margin: 0.4em 0.1em 0 0;
-}
+}*/
 
 .notice {
@@ -771 +728 @@
 
 .notice p {
-        font-size: 14px;
+        font-size: 15px;
 }
 
@@ -782 +739 @@
 
 .filter-header {
-        font-family: 'Open Sans' !important;
         display: inline-block;
         position: relative;
-        box-sizing: border-box;
         margin: 30px 0;
         padding: 0 20px;
@@ -793 +748 @@
         background: #efefef;
         color: #555;
-        font-size: 13px;
 }
 
@@ -815 +769 @@
         color: #666;
         cursor: pointer;
+        text-decoration: none !important;
+}
+
+.filter-header-links li:hover > a,
+.filter-header-links li:hover > span {
+        border-bottom-color: #666;
 }
 
@@ -845 +805 @@
         border-top: 0;
         z-index: 1;
+        margin: 0;
 }
 
@@ -938 +899 @@
         box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
         background: #fff;
-        box-sizing: border-box;
+}
+
+.locale a {
+        text-decoration: none;
+}
+
+.locale .contributors a,
+.locale-box .contributors a {
+        text-decoration: none !important
 }
 
 .locale.percent-100 {
         border-color: #509040;
-}
-
-a.contribute-button {
-        color: #555;
-}
-
-a.contribute-button:hover {
-        color: #333;
-}
-
-@media screen and (min-width: 783px) {
-        a.contribute-button {
-                font-size: 14px;
-                padding: 0 14px;
-                height: 28px;
-                line-height: 28px;
-        }
 }
 
@@ -979 +931 @@
 }
 
+.locale .name .english {
+        font-size: 18px;
+}
+
 .locale .name li,
 .locale-box .name li {
@@ -986 +942 @@
 .locale .name li.english a,
 .locale-box .name li.english {
-        font-weight: bold;
+        font-weight: 600;
 }
 
@@ -1064 +1020 @@
         box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
         background: #fff;
-        box-sizing: border-box;
 }
 
@@ -1078 +1033 @@
         box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
         background: #fff;
-        box-sizing: border-box;
 }
 
@@ -1110 +1064 @@
 
 .projects .project-description {
-        font-size: 13px;
         border-left: 0;
         margin-top: 0;
@@ -1173 +1126 @@
         margin: 20px 0;
         text-align: center;
-        box-sizing: border-box;
 }
 
@@ -1235 +1187 @@
         box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
         background: #fff;
-        box-sizing: border-box;
+        font-size: 14px;
 }
 
@@ -1343 +1295 @@
 .projects-dropdown a:focus {
         color: #333;
+        text-decoration: none;
 }
 
@@ -1353 +1306 @@
         position: absolute;
         left: -1px;
-        width: 100%;
+        right: -1px;
+        width: inherit;
         background: #f9f9f9;
         border: 1px solid #72777c;
@@ -1381 +1335 @@
         position: absolute;
         top: 5px;
-        right: 15px;
+        right: 25px;
         content: "\f140";
         width: 20px;
-        height: 20px;
+        height: 30px;
         font: 20px/1 "dashicons";
         border-left: 1px solid #72777c;
@@ -1433 +1387 @@
                 border-left: none;
                 border-right: none;
+                width: 100% !important;
         }
 
@@ -1776 +1731 @@
         list-style: none;
         z-index: 5;
+        margin: 0;
+        font-size: 12px;
 }
 
@@ -1781 +1738 @@
         position: relative;
         display: inline-block;
-        padding-left: 23px;
+        padding-left: 16px;
         margin-right: 3px;
         cursor: pointer;
@@ -1789 +1746 @@
         content: '';
         position: absolute;
-        top: 2px;
+        top: 4px;
         left: 0;
         width: 12px;
@@ -1834 +1791 @@
         border: 1px solid #ccc;
         background: #fff;
-        box-sizing: border-box;
         page-break-inside: avoid;
         break-inside: avoid;
@@ -1843 +1799 @@
         display: block;
         padding: 5px 8px;
-        margin-bottom: 10px;
+        margin: 0 0 10px;
         background: #f9f9f9;
         border-bottom: 1px solid #ccc;
@@ -1961 +1917 @@
 }
 
-.locale-project-contributors-group.locale-project-contributors-contributors .avatar {
-        float: left;
-        vertical-align: middle;
-        margin-right: 10px;
-        margin-top: -0.5em;
-}
-
 .locale-project-contributors-group.locale-project-contributors-editors .avatar {
         vertical-align: middle;
@@ -1991 +1940 @@
 }
 
+.locale-project-contributors-table .contributor-details {
+        width: 40%;
+        overflow: hidden;
+}
+
+.locale-project-contributors-table .contributor-avatar {
+        float: left;
+        width: 40px;
+        display: flex;
+        flex-direction: column;
+}
+
 .locale-project-contributors-table .contributor-name {
-        width: 40%;
-        position: relative;
+        margin-left: 50px;
+        display: flex;
+        flex-direction: column;
 }
 
 .locale-project-contributors-table .translation-editor {
-        position: absolute;
-        top: 37px;
-        left: 10px;
         width: 40px;
         color: #fff;
         font-weight: 200;
+        font-size: 12px;
         line-height: 16px;
         text-align: center;
         background-color: #826eb4;
-}
-
-.locale-project-contributors-table .contributor-name span {
-        float: left;
-        font-size: 12px;
-        display: block;
-        margin-top: 13px;
-}
-
-.locale-project-contributors-table .contributor-name a {
-        display: inline-block;
-        margin-top: 0.5em;
 }
 
@@ -2102 +2050 @@
         }
 
-        .locale-project-contributors-table .contributor-name,
+        .locale-project-contributors-table .contributor-details,
         .locale-project-contributors-table .contributor-stats {
                 width: 100%;
@@ -2108 +2056 @@
         }
 
-        .locale-project-contributors-table .contributor-name span {
+        .locale-project-contributors-table .contributor-details span {
                 float: none;
         }
@@ -2135 +2083 @@
 .consistency-form-locale,
 .consistency-form-project {
-        height: 30px;
-        padding: 3px;
-        box-sizing: border-box;
-        font-size: 15px;
-        line-height: 1;
-        color: #333;
-        border: 0;
-        outline: 1px solid #ccc;
-        background-color: white;
-        outline-offset: 0;
-        margin: 0 3px;
         vertical-align: middle;
-}
-
-.consistency-form-search:focus,
-.consistency-form-locale:focus,
-.consistency-form-project:focus {
-        outline: 1px solid #5b9dd9;
-        box-shadow: 0 0 2px rgba(30,128,190,.8);
 }
 
@@ -2166 +2096 @@
 .consistency-form-project {
         width: 120px;
-}
-
-.gp-content .consistency-form-submit {
-        background: #0085ba;
-        border-color: #0073aa #006799 #006799;
-        box-shadow: 0 1px 0 #006799;
-        color: #fff;
-        height: 30px;
-        line-height: 1;
-        padding: 0 16px;
-        vertical-align: top;
-        box-sizing: border-box;
-        cursor: pointer;
-        display: inline-block;
-        font-size: 15px;
-}
-
-.gp-content .consistency-form-submit:hover,
-.gp-content .consistency-form-submit:focus {
-        background: #008ec2;
-        border-color: #006799;
-        box-shadow: 0 1px 0 #006799;
-        color: #fff;
-}
-
-.gp-content .consistency-form-submit:focus {
-        box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
-}
-
-.consistency-form-submit:active {
-        background: #0073aa;
-        border-color: #006799;
-        box-shadow: inset 0 2px 0 #006799;
 }
 
@@ -2217 +2114 @@
         table-layout: fixed;
         margin: 30px 0;
-}
-
-.consistency-table th {
+        border: 0;
+}
+
+.consistency-table thead th {
         width: 50%;
-        font-weight: bold;
         text-align: center;
-        padding: 10px 0;
-}
-
-.consistency-table tr {
-        border-bottom: 1px solid #72777c;
-}
-
-.consistency-table tr.new-translation {
-        border-bottom-width: 0;
 }
 
 .consistency-table td {
-        padding: 10px 7.5px;
         vertical-align: top;
 }
@@ -2244 +2131 @@
         top: 0;
         padding: 10px 7.5px;
-        background: #fff;
-        text-align: left;
-        box-shadow: 0 -1px 0 #72777c, 0 3px 0 #72777c;
+        background-color: var(--gp-color-canvas-subtle);
+        border-top-width: 3px;
+}
+
+.consistency-table tbody > tr.new-translation:first-child th {
+        border-top-width: 0;
 }
 
@@ -2282 +2172 @@
 
 .consistency-table .project-wordpress {
-        box-shadow: -5px 0 0 #fff, -10px 0 0 #0073aa;
+        background: #E5F5FA !important;
 }
 
@@ -2295 +2185 @@
 }
 
-.gp-content button,
-.gp-content input.button {
-        background: #f7f7f7;
-        border: 1px solid #ccc;
-        box-shadow: 0 1px 0 #ccc;
-        color: #555;
-        vertical-align: top;
-        border-radius: 3px;
-        box-sizing: border-box;
-        cursor: pointer;
-        display: inline-block;
-        font-size: 12px;
-        height: 22px;
-        line-height: 1;
-        margin: 0 1px;
-        padding: 0 10px;
-        text-decoration: none;
-        white-space: nowrap;
-        -webkit-appearance: none;
-}
-
-.gp-content button:hover,
-.gp-content button:focus,
-.gp-content input.button:hover,
-.gp-content input.button:focus {
-        background: #fafafa;
-        border-color: #999;
-        color: #23282d;
-}
-
-.gp-content button:focus,
-.gp-content input.button:focus {
-        border-color: #5b9dd9;
-        box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
-        outline: 0;
-}
-
-.gp-content .bulk-actions {
-        margin-bottom: 1rem;
-}
-
-.gp-content .bulk-actions select,
-.gp-content .bulk-actions input.button {
-        vertical-align: middle;
-}
-
-.gp-content .bulk-actions input.button {
-        height: auto;
-        padding: 10px;
-        font-size: 14px;
-}
-
-#legend {
-        clear: both;
-        float: left;
-        padding: 0;
-        margin: 1em 0;
-}
-
-#legend + .actionlist {
-        margin: 0;
-}
-
-.paging a,
-.paging span,
-.paging .current,
-.paging .dots {
-        width: auto;
-        min-width: 2em;
-        padding: .1em;
+.paging a {
+        text-decoration: none !important;
 }
 
@@ -2378 +2200 @@
 }
 
-table.translations {
-        table-layout: fixed;
-}
-
-table.translations th.checkbox {
-        width: 16px;
-        text-align: center;
-}
-@media screen and (max-width: 782px) {
-        table.translations th.checkbox {
-                width: 24px;
-        }
-}
-
-table.translations th.priority,
+table.translations th.gp-column-priority,
 table.translations td.priority {
         display: none;
 }
 
-table.translations th.original,
-table.translations th.translation {
+table.translations tr.preview > td.priority + td.original {
+        border-left: none;
+}
+
+table.translations th.gp-column-original,
+table.translations th.gp-column-translation {
         width: 50%;
 }
 
-table.translations th.actions {
+table.translations th.gp-column-actions {
         width: 5em;
         text-align: center;
@@ -2422 +2234 @@
         width: 100%;
         border: 0;
-        background: #fff;
-        color: #1e1e1e;
+        background: #fff !important;
+        color: #1e1e1e !important;
         outline: none;
         padding: 15px 0;
@@ -2443 +2255 @@
         font-weight: normal;
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-        font-size: 15px;
 }
 
@@ -2452 +2263 @@
 .editor-panel .meta dt {
         margin-right: .25em;
+}
+
+.editor-panel .meta dd {
+        font-weight: 400;
 }
 
@@ -2465 +2280 @@
 }
 
-.editor-panel .meta .status-actions button {
-        font-size: 14px;
-        height: 26px;
-}
-
-button.approve strong {
+.editor-panel .meta .status-actions button strong {
+        margin-right: .4em;
+}
+
+/*button.approve strong {
         color: #46b450;
-}
+}*/
 
 button.reject strong {
@@ -2502 +2316 @@
                 align-items: flex-start;
         }
-}
-
-.editor-panel * {
-        box-sizing: border-box;
 }
 
@@ -2643 +2453 @@
         box-shadow: none;
         border-radius: 0;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
 }
 
@@ -2787 +2600 @@
         list-style: none;
         flex: 1;
-        margin-left: 10px;
+        margin: 0 0 0 10px;
 }
 
@@ -2827 +2640 @@
         padding: 7px 0;
         flex-direction: row-reverse;
+        align-items: flex-end;
 }
 
@@ -2837 +2651 @@
 }
 
-.translation-actions__secondary button {
+button.translation-actions__save {
+        padding: 10px 18px !important;
+        font-size: 16px !important;
+        min-height: 45px !important
+}
+
+/*.translation-actions__secondary button {
         height: 35px;
 }
@@ -2864 +2684 @@
         box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
         color: #fff;
-}
+}*/
 
 .suggestions-wrapper {
@@ -3021 +2841 @@
         border: 1px solid #ccc;
         box-shadow: 0 2px 10px rgba(0,0,0,.1);
-        box-sizing: border-box;
         margin: 0;
         overflow: auto;
@@ -3065 +2884 @@
         font-weight: 300;
         font-size: 22px;
+        margin: 0;
 }
 
@@ -3153 +2973 @@
 .textarea-direction-ltr button.translation-actions__rtl,
 .translation-sets-rtl button.translation-actions__ltr {
-        display: inline-block;
+        display: inline-flex !important;
 }
 
@@ -3159 +2979 @@
 button.translation-actions__ltr,
 button.translation-actions__rtl {
-        display: none;
+        display: none !important;
 }
 

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/translation-row-editor.php

@@ -184 +184 @@
                                                         <?php if ( $can_edit ) : ?>
                                                                 <div class="translation-actions__primary">
-                                                                        <button class="translation-actions__save with-tooltip"
+                                                                        <button class="button is-primary translation-actions__save with-tooltip"
                                                                                         type="button"
                                                                                         aria-label="<?php echo $can_approve_translation ? 'Save and approve translation' : 'Suggest new translation'; ?>"
@@ -192 +192 @@
                                                                 </div>
                                                                 <div class="translation-actions__secondary">
-                                                                        <button type="button" class="translation-actions__copy with-tooltip" aria-label="Copy original">
+                                                                        <button type="button" class="button is-small translation-actions__copy with-tooltip" aria-label="Copy original">
                                                                                 <span class="screen-reader-text">Copy</span><span aria-hidden="true" class="dashicons dashicons-admin-page"></span>
                                                                         </button>
-                                                                        <button type="button" class="translation-actions__ltr with-tooltip" aria-label="Switch to LTR">
+                                                                        <button type="button" class="button is-small translation-actions__insert-tab with-tooltip" aria-label="Insert tab">
+                                                                                <span class="screen-reader-text">Insert tab</span><span aria-hidden="true" class="dashicons dashicons-editor-indent"></span>
+                                                                        </button>
+                                                                        <button type="button" class="button is-small translation-actions__insert-newline with-tooltip" aria-label="Insert newline">
+                                                                                <span class="screen-reader-text">Insert newline</span><span aria-hidden="true" class="dashicons dashicons-editor-break"></span>
+                                                                        </button>
+                                                                        <button type="button" class="button is-small translation-actions__ltr with-tooltip" aria-label="Switch to LTR">
                                                                                 <span class="screen-reader-text">LTR</span><span aria-hidden="true" class="dashicons dashicons-editor-ltr"></span>
                                                                         </button>
-                                                                        <button type="button" class="translation-actions__rtl with-tooltip" aria-label="Switch to RTL">
+                                                                        <button type="button" class="button is-small translation-actions__rtl with-tooltip" aria-label="Switch to RTL">
                                                                                 <span class="screen-reader-text">RTL</span><span aria-hidden="true" class="dashicons dashicons-editor-rtl"></span>
                                                                         </button>
-                                                                        <button type="button" class="translation-actions__help with-tooltip" aria-label="Show help">
+                                                                        <button type="button" class="button is-small translation-actions__help with-tooltip" aria-label="Show help">
                                                                                 <span class="screen-reader-text">Help</span><span aria-hidden="true" class="dashicons dashicons-editor-help"></span>
                                                                         </button>
@@ -243 +249 @@
                                                                 <?php if ( $can_approve_translation ) : ?>
                                                                         <?php if ( 'current' !== $translation->translation_status ) : ?>
-                                                                                <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>
+                                                                                <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>
                                                                         <?php endif; ?>
                                                                         <?php if ( 'rejected' !== $translation->translation_status ) : ?>
-                                                                                <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>
+                                                                                <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>
                                                                         <?php endif; ?>
                                                                         <?php if ( 'fuzzy' !== $translation->translation_status ) : ?>
-                                                                                <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>
+                                                                                <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>
                                                                         <?php endif; ?>
                                                                 <?php elseif ( $can_reject_self ): ?>
-                                                                        <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>
-                                                                        <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>
+                                                                        <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>
+                                                                        <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>
                                                                 <?php endif; ?>
                                                         </div>

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/translation-row-preview.php

@@ -43 +43 @@
                 ?>
 
-                <div class="original-tags">
+
+                <?php
+                $show_context  = wporg_gp_should_display_original_context( $translation );
+                $show_priority = '1' === $translation->priority || '-1' === $translation->priority;
+                if ( $show_context || $show_priority ) :
+                        ?>
+                        <div class="original-tags">
+                                <?php
+                                if ( $show_context ) :
+                                        ?>
+                                        <span class="context bubble"><?php echo esc_html( $translation->context ); ?></span>
+                                        <?php
+                                endif;
+
+                                if ( $show_priority ) :
+                                        ?>
+                                        <span class="priority bubble"><?php echo esc_html( sprintf( 'Priority: %s', gp_array_get( GP::$original->get_static( 'priorities' ), $translation->priority ) ) ); ?></span>
+                                        <?php
+                                endif;
+                                ?>
+                        </div>
                         <?php
-                        if ( wporg_gp_should_display_original_context( $translation ) ) :
-                                ?>
-                                <span class="context bubble"><?php echo esc_html( $translation->context ); ?></span>
-                                <?php
-                        endif;
-
-                        if ( '1' === $translation->priority || '-1' === $translation->priority ) :
-                                ?>
-                                <span class="priority bubble"><?php echo esc_html( sprintf( 'Priority: %s', gp_array_get( GP::$original->get_static( 'priorities' ), $translation->priority ) ) ); ?></span>
-                                <?php
-                        endif;
-                        ?>
-                </div>
+                endif;
+                ?>
         </td>
         <td class="translation foreign-text">

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/css/translation-suggestions.css

@@ -2 +2 @@
         list-style: none;
         padding: 0;
+        margin: 0;
 }
 

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/inc/class-plugin.php

@@ -113 +113 @@
                         plugins_url( 'css/translation-suggestions.css', PLUGIN_FILE ),
                         [],
-                        '20200301'
+                        '20220401'
                 );
                 gp_enqueue_style( 'gp-translation-suggestions' );

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/templates/other-languages-suggestions.php

@@ -37 +37 @@
                         echo '<span aria-hidden="true" class="translation-suggestion__translation-raw">' . esc_translation( $suggestion['translation'] ) . '</span>';
 
-                        echo '<button type="button" class="copy-suggestion">Copy</button>';
+                        echo '<button type="button" class="button is-small copy-suggestion">Copy</button>';
                 echo '</div>';
                 echo '</li>';

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-suggestions/templates/translation-memory-suggestions.php

@@ -20 +20 @@
                         echo '<span aria-hidden="true" class="translation-suggestion__translation-raw">' . esc_translation( $suggestion['translation'] ) . '</span>';
 
-                        echo '<button type="button" class="copy-suggestion">Copy</button>';
+                        echo '<button type="button" class="button is-small copy-suggestion">Copy</button>';
                 echo '</div>';
                 echo '</li>';