Changeset 11732

Timestamp:

04/01/2022 11:42:40 AM (20 months 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>';