From ccb23d47e7d2e65cc7c91fb5a470fc74afe8172f Mon Sep 17 00:00:00 2001 From: pedro-mendonca Date: Tue, 8 Nov 2022 16:49:56 +0000 Subject: [PATCH] Custom icon for queued update notice --- assets/css/admin.css | 4 + assets/css/admin.min.css | 2 +- assets/css/admin.scss | 221 +++++++++++++++++++++------------------ 3 files changed, 122 insertions(+), 105 deletions(-) diff --git a/assets/css/admin.css b/assets/css/admin.css index 6525045c..46c2e823 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -41,6 +41,10 @@ table.wp-list-table.plugins td.column-translation-stats .translation-stats-title color: #46b450; } +table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .notice.translation-stats-loading.notice-warning.update-message p::before { + content: "\f469"; +} + table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats { display: grid; grid-row-gap: 6px; diff --git a/assets/css/admin.min.css b/assets/css/admin.min.css index bf4f824f..c0bb7a28 100644 --- a/assets/css/admin.min.css +++ b/assets/css/admin.min.css @@ -1 +1 @@ -@charset "UTF-8";table.wp-list-table.plugins th.column-translation-stats{white-space:nowrap;width:20%}table.wp-list-table.plugins td.column-translation-stats{padding-right:20px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title{display:block;white-space:nowrap}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title p{margin-top:0}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link{float:right}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button{box-shadow:none;display:none}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button span{color:#235a28;-webkit-transition:all .6s cubic-bezier(.075,.82,.165,1) 0s;-moz-transition:all .6s cubic-bezier(.075,.82,.165,1) 0s;-o-transition:all .6s cubic-bezier(.075,.82,.165,1) 0s;transition:all .6s cubic-bezier(.075,.82,.165,1) 0s}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button span:focus,table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button span:hover{color:#46b450;transform:rotate(180deg)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats{grid-row-gap:6px;border-radius:4px;display:grid;margin:0 0 10px;padding:6px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .subproject-bar{background-color:transparent;display:block;padding:5px 10px;white-space:nowrap}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .subproject-bar .subproject-bar__percentage{display:inline-block;font-weight:700;margin-right:10px;text-align:right;width:32px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .disabled,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .disabled .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div .subproject-bar{border-radius:2px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a{display:block}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled div.subproject{color:#000;text-shadow:0 0 6px rgba(255,255,225,.5)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled div.subproject{background-color:#ddd;color:#8f98a1}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent100{background-color:#46b450}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent100 .subproject-bar{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.5)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent90{background-color:#6bc373}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent80{background-color:#90d296}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent70{background-color:#b5e1b9}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent60{background-color:#c7e8ca}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent50{background-color:#ffe399}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent40{background-color:#fbc5a9}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent30{background-color:#f1adad}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent20{background-color:#ea8484}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent10{background-color:#e35b5b}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent0{background-color:#dc3232}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent0,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent100,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled:focus div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled:hover div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus div.percent0,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus div.percent100,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover div.percent0,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover div.percent100{-webkit-transition:all .3s cubic-bezier(.075,.82,.165,1) 0s;-moz-transition:all .3s cubic-bezier(.075,.82,.165,1) 0s;-o-transition:all .3s cubic-bezier(.075,.82,.165,1) 0s;transition:all .3s cubic-bezier(.075,.82,.165,1) 0s}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div.subproject,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div.subproject{width:100%}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div.subproject div.subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div.subproject div.subproject-bar{background-color:hsla(0,0%,100%,.2)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div.percent0 .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div.percent0 .subproject-bar{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.5)}table.wp-list-table.plugins td.column-translation-stats.tstats-loading .translation-stats-content .translation-stats-content-stats div a div.subproject{animation:tstats_bar_loading .5s linear infinite;background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.25) 10px,transparent 0,transparent 20px);background-size:28px 28px}@keyframes tstats_bar_loading{0%{background-position:0 0}to{background-position:28px 0}}table.tstats-plugin-list-table.widefat.tablesorter tr.filtered{display:none}table.tstats-plugin-list-table.widefat tr td.check-column,table.tstats-plugin-list-table.widefat tr th.check-column{padding-bottom:0;padding-top:0;vertical-align:middle}table.tstats-plugin-list-table.widefat tr td.check-column input[type=checkbox],table.tstats-plugin-list-table.widefat tr td.check-column input[type=radio],table.tstats-plugin-list-table.widefat tr th.check-column input[type=checkbox],table.tstats-plugin-list-table.widefat tr th.check-column input[type=radio]{vertical-align:middle}table.tstats-plugin-list-table.widefat tr td.check-column input[type=checkbox][disabled],table.tstats-plugin-list-table.widefat tr th.check-column input[type=checkbox][disabled]{pointer-events:none}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false) .tablesorter-header-inner:after{color:#235a28;font:normal 20px/1 dashicons;vertical-align:bottom}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):focus,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):hover{cursor:pointer}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):hover .tablesorter-header-inner:after{color:#46b450}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerAsc .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerUnSorted:focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerUnSorted:hover .tablesorter-header-inner:after{content:"\f142"}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerAsc:focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerAsc:hover .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerDesc .tablesorter-header-inner:after{content:"\f140"}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerDesc:focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerDesc:hover .tablesorter-header-inner:after{content:"\f142"}table.tstats-plugin-list-table.widefat thead .column-subproject{overflow:hidden;text-align:center;vertical-align:text-top;width:10em}table.tstats-plugin-list-table.widefat tbody tr td,table.tstats-plugin-list-table.widefat tbody tr th{vertical-align:middle}table.tstats-plugin-list-table.widefat tbody tr.disabled{background-color:#f1f1f1}table.tstats-plugin-list-table.widefat tbody tr.disabled th{border-left:4px solid transparent}table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-name{padding:10px 9px}table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-author,table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-name,table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-slug-text-domain{opacity:.33}table.tstats-plugin-list-table.widefat tbody tr .check-column input[type=checkbox]{margin-bottom:0;margin-right:0;margin-top:0}table.tstats-plugin-list-table.widefat tbody tr .check-column input[type=checkbox]:indeterminate:before{content:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M4%209h12v2h-12v-2z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E);height:1.25rem;margin:-.1875rem 0 0 -.1875rem;width:1.25rem}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div{display:table-cell;vertical-align:middle}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-icon span.dashicons.dashicons-yes{color:green}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-icon span.dashicons.dashicons-no{color:red}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-message code{display:inline-block}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-message code.code-error{background-color:rgba(255,0,0,.07);color:red}table.tstats-plugin-list-table.widefat tbody tr.active+tr.disabled td,table.tstats-plugin-list-table.widefat tbody tr.active+tr.disabled th,table.tstats-plugin-list-table.widefat tbody tr.active+tr.inactive td,table.tstats-plugin-list-table.widefat tbody tr.active+tr.inactive th{border-top:0 solid}table.tstats-plugin-list-table.widefat tbody .check-column.plugin-subproject{text-align:center}table.tstats-plugin-list-table.widefat tbody .inactive .check-column.plugin-select{padding:0 0 0 6px}.tstats-settings-wrapper{display:flex;flex-wrap:wrap}@media (min-width:992px){.tstats-settings-wrapper{flex-wrap:nowrap}}.tstats-settings-wrapper .tstats-settings__content{width:100%}.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab span.dashicons{color:#235a28;vertical-align:text-top}.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab-active span.dashicons,.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab:focus span.dashicons,.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab:hover span.dashicons{color:#46b450}@media (min-width:992px){.tstats-settings-wrapper .tstats-settings__content{order:1;overflow:auto}}.tstats-settings-wrapper .tstats-settings__sidebar{padding:0;width:100%}@media (min-width:992px){.tstats-settings-wrapper .tstats-settings__sidebar{max-width:350px;min-width:280px;order:2;padding-left:20px;width:25%}}.tstats-settings-wrapper .tstats-settings__sidebar .postbox{border-radius:4px}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside h3{margin:30px 0 0}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside a{text-decoration:none}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-logo a.tstats-logo-link{display:block;width:100%}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-logo a.tstats-logo-link div.tstats-logo-image{background-image:url(../images/logo-color-transparent.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:120px;margin:auto;width:230px}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor h3:after{content:" ☕"}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor ul form button.tstats-github-sponsor i,.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor ul form button.tstats-github-sponsor span{font-size:large;vertical-align:text-top}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor ul form button.tstats-github-sponsor span{color:#ea4aaa}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .footer{padding:10px}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow{position:relative}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:after,.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:before{background:#777;bottom:1em;box-shadow:0 1em .5em #777;content:"";position:absolute;top:80%;width:50%;z-index:-1}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:before{left:.5em;transform:rotate(-3deg)}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:after{right:.5em;transform:rotate(3deg)}#tab-debug .tstats-code-block{display:block;overflow:auto}#tab-debug .tstats-code-block .dashicons-yes{color:green}#tab-debug .tstats-code-block .dashicons-no{color:red}#tab-debug .tstats-debug-block{height:60vh;overflow:auto;width:calc(100% - 29px)}.tstats-debug-block{display:inline-block} \ No newline at end of file +@charset "UTF-8";table.wp-list-table.plugins th.column-translation-stats{white-space:nowrap;width:20%}table.wp-list-table.plugins td.column-translation-stats{padding-right:20px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title{display:block;white-space:nowrap}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title p{margin-top:0}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link{float:right}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button{box-shadow:none;display:none}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button span{color:#235a28;-webkit-transition:all .6s cubic-bezier(.075,.82,.165,1) 0s;-moz-transition:all .6s cubic-bezier(.075,.82,.165,1) 0s;-o-transition:all .6s cubic-bezier(.075,.82,.165,1) 0s;transition:all .6s cubic-bezier(.075,.82,.165,1) 0s}table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button span:focus,table.wp-list-table.plugins td.column-translation-stats .translation-stats-title .tstats-update-link button.tstats-update-button span:hover{color:#46b450;transform:rotate(180deg)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .notice.translation-stats-loading.notice-warning.update-message p:before{content:"\f469"}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats{grid-row-gap:6px;border-radius:4px;display:grid;margin:0 0 10px;padding:6px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .subproject-bar{background-color:transparent;display:block;padding:5px 10px;white-space:nowrap}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .subproject-bar .subproject-bar__percentage{display:inline-block;font-weight:700;margin-right:10px;text-align:right;width:32px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .disabled,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject .disabled .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div .subproject-bar{border-radius:2px}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a{display:block}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled div.subproject{color:#000;text-shadow:0 0 6px rgba(255,255,225,.5)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled div.subproject{background-color:#ddd;color:#8f98a1}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent100{background-color:#46b450}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent100 .subproject-bar{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.5)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent90{background-color:#6bc373}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent80{background-color:#90d296}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent70{background-color:#b5e1b9}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent60{background-color:#c7e8ca}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent50{background-color:#ffe399}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent40{background-color:#fbc5a9}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent30{background-color:#f1adad}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent20{background-color:#ea8484}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent10{background-color:#e35b5b}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent0{background-color:#dc3232}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent0,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a div.percent100,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled:focus div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.disabled:hover div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus div.percent0,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:focus div.percent100,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover div .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover div.percent0,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a:hover div.percent100{-webkit-transition:all .3s cubic-bezier(.075,.82,.165,1) 0s;-moz-transition:all .3s cubic-bezier(.075,.82,.165,1) 0s;-o-transition:all .3s cubic-bezier(.075,.82,.165,1) 0s;transition:all .3s cubic-bezier(.075,.82,.165,1) 0s}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div.subproject,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div.subproject{width:100%}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div.subproject div.subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div.subproject div.subproject-bar{background-color:hsla(0,0%,100%,.2)}table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:focus div.percent0 .subproject-bar,table.wp-list-table.plugins td.column-translation-stats .translation-stats-content .translation-stats-content-stats .content__subproject a.enabled:hover div.percent0 .subproject-bar{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.5)}table.wp-list-table.plugins td.column-translation-stats.tstats-loading .translation-stats-content .translation-stats-content-stats div a div.subproject{animation:tstats_bar_loading .5s linear infinite;background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.25) 10px,transparent 0,transparent 20px);background-size:28px 28px}@keyframes tstats_bar_loading{0%{background-position:0 0}to{background-position:28px 0}}table.tstats-plugin-list-table.widefat.tablesorter tr.filtered{display:none}table.tstats-plugin-list-table.widefat tr td.check-column,table.tstats-plugin-list-table.widefat tr th.check-column{padding-bottom:0;padding-top:0;vertical-align:middle}table.tstats-plugin-list-table.widefat tr td.check-column input[type=checkbox],table.tstats-plugin-list-table.widefat tr td.check-column input[type=radio],table.tstats-plugin-list-table.widefat tr th.check-column input[type=checkbox],table.tstats-plugin-list-table.widefat tr th.check-column input[type=radio]{vertical-align:middle}table.tstats-plugin-list-table.widefat tr td.check-column input[type=checkbox][disabled],table.tstats-plugin-list-table.widefat tr th.check-column input[type=checkbox][disabled]{pointer-events:none}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false) .tablesorter-header-inner:after{color:#235a28;font:normal 20px/1 dashicons;vertical-align:bottom}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):focus,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):hover{cursor:pointer}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false):hover .tablesorter-header-inner:after{color:#46b450}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerAsc .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerUnSorted:focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerUnSorted:hover .tablesorter-header-inner:after{content:"\f142"}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerAsc:focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerAsc:hover .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerDesc .tablesorter-header-inner:after{content:"\f140"}table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerDesc:focus .tablesorter-header-inner:after,table.tstats-plugin-list-table.widefat thead .tablesorter-header:not(.sorter-false).tablesorter-headerDesc:hover .tablesorter-header-inner:after{content:"\f142"}table.tstats-plugin-list-table.widefat thead .column-subproject{overflow:hidden;text-align:center;vertical-align:text-top;width:10em}table.tstats-plugin-list-table.widefat tbody tr td,table.tstats-plugin-list-table.widefat tbody tr th{vertical-align:middle}table.tstats-plugin-list-table.widefat tbody tr.disabled{background-color:#f1f1f1}table.tstats-plugin-list-table.widefat tbody tr.disabled th{border-left:4px solid transparent}table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-name{padding:10px 9px}table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-author,table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-name,table.tstats-plugin-list-table.widefat tbody tr.disabled .plugin-slug-text-domain{opacity:.33}table.tstats-plugin-list-table.widefat tbody tr .check-column input[type=checkbox]{margin-bottom:0;margin-right:0;margin-top:0}table.tstats-plugin-list-table.widefat tbody tr .check-column input[type=checkbox]:indeterminate:before{content:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M4%209h12v2h-12v-2z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E);height:1.25rem;margin:-.1875rem 0 0 -.1875rem;width:1.25rem}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div{display:table-cell;vertical-align:middle}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-icon span.dashicons.dashicons-yes{color:green}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-icon span.dashicons.dashicons-no{color:red}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-message code{display:inline-block}table.tstats-plugin-list-table.widefat tbody tr td.plugin-slug-text-domain div.plugin-slug-text-domain-message code.code-error{background-color:rgba(255,0,0,.07);color:red}table.tstats-plugin-list-table.widefat tbody tr.active+tr.disabled td,table.tstats-plugin-list-table.widefat tbody tr.active+tr.disabled th,table.tstats-plugin-list-table.widefat tbody tr.active+tr.inactive td,table.tstats-plugin-list-table.widefat tbody tr.active+tr.inactive th{border-top:0 solid}table.tstats-plugin-list-table.widefat tbody .check-column.plugin-subproject{text-align:center}table.tstats-plugin-list-table.widefat tbody .inactive .check-column.plugin-select{padding:0 0 0 6px}.tstats-settings-wrapper{display:flex;flex-wrap:wrap}@media (min-width:992px){.tstats-settings-wrapper{flex-wrap:nowrap}}.tstats-settings-wrapper .tstats-settings__content{width:100%}.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab span.dashicons{color:#235a28;vertical-align:text-top}.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab-active span.dashicons,.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab:focus span.dashicons,.tstats-settings-wrapper .tstats-settings__content .nav-tab-wrapper a.nav-tab:hover span.dashicons{color:#46b450}@media (min-width:992px){.tstats-settings-wrapper .tstats-settings__content{order:1;overflow:auto}}.tstats-settings-wrapper .tstats-settings__sidebar{padding:0;width:100%}@media (min-width:992px){.tstats-settings-wrapper .tstats-settings__sidebar{max-width:350px;min-width:280px;order:2;padding-left:20px;width:25%}}.tstats-settings-wrapper .tstats-settings__sidebar .postbox{border-radius:4px}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside h3{margin:30px 0 0}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside a{text-decoration:none}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-logo a.tstats-logo-link{display:block;width:100%}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-logo a.tstats-logo-link div.tstats-logo-image{background-image:url(../images/logo-color-transparent.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:120px;margin:auto;width:230px}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor h3:after{content:" ☕"}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor ul form button.tstats-github-sponsor i,.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor ul form button.tstats-github-sponsor span{font-size:large;vertical-align:text-top}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .inside .tstats-sponsor ul form button.tstats-github-sponsor span{color:#ea4aaa}.tstats-settings-wrapper .tstats-settings__sidebar .postbox .footer{padding:10px}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow{position:relative}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:after,.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:before{background:#777;bottom:1em;box-shadow:0 1em .5em #777;content:"";position:absolute;top:80%;width:50%;z-index:-1}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:before{left:.5em;transform:rotate(-3deg)}.tstats-settings-wrapper .tstats-settings__sidebar .paper-shadow:after{right:.5em;transform:rotate(3deg)}#tab-debug .tstats-code-block{display:block;overflow:auto}#tab-debug .tstats-code-block .dashicons-yes{color:green}#tab-debug .tstats-code-block .dashicons-no{color:red}#tab-debug .tstats-debug-block{height:60vh;overflow:auto;width:calc(100% - 29px)}.tstats-debug-block{display:inline-block} \ No newline at end of file diff --git a/assets/css/admin.scss b/assets/css/admin.scss index cad0ece7..5dc5da3b 100644 --- a/assets/css/admin.scss +++ b/assets/css/admin.scss @@ -43,143 +43,156 @@ table.wp-list-table.plugins { // WordPress Installed Plugins table. } } - .translation-stats-content .translation-stats-content-stats { // Stats grid layout. - display: grid; - grid-row-gap: 6px; - padding: 6px; - margin: 0 0 10px 0; - border-radius: $border-radius-outside; - - .content__subproject { + .translation-stats-content { - .subproject-bar { // Stats bar size. + .notice { - display: block; - padding: 5px 10px; // Stats bar size - background-color: rgba(0, 0, 0, 0); // Status bar overlay color - white-space: nowrap; + &.translation-stats-loading.notice-warning.update-message { - .subproject-bar__percentage { // Stats percentage value - display: inline-block; - font-weight: 700; - text-align: right; - width: 32px; - margin-right: 10px; + p::before { + content: "\f469"; } } + } - a, - a div, - a div .subproject-bar, - .disabled, - .disabled .subproject-bar { // Border radius. - border-radius: $border-radius-inside; - } + .translation-stats-content-stats { // Stats grid layout. + display: grid; + grid-row-gap: 6px; + padding: 6px; + margin: 0 0 10px 0; + border-radius: $border-radius-outside; - a { - display: block; + .content__subproject { + + .subproject-bar { // Stats bar size. - &.enabled div.subproject { // Stats bar enabled generic text color. - color: #000; - text-shadow: 0 0 6px rgba(255, 255, 225, 0.5); + display: block; + padding: 5px 10px; // Stats bar size + background-color: rgba(0, 0, 0, 0); // Status bar overlay color + white-space: nowrap; + + .subproject-bar__percentage { // Stats percentage value + display: inline-block; + font-weight: 700; + text-align: right; + width: 32px; + margin-right: 10px; + } } - &.disabled div.subproject { // Stats bar disabled generic text color. - background-color: #ddd; - color: #8f98a1; + a, + a div, + a div .subproject-bar, + .disabled, + .disabled .subproject-bar { // Border radius. + border-radius: $border-radius-inside; } - div.percent100 { + a { + display: block; - .subproject-bar { // Stats bar 100% text color. - color: #fff; - text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + &.enabled div.subproject { // Stats bar enabled generic text color. + color: #000; + text-shadow: 0 0 6px rgba(255, 255, 225, 0.5); } - background-color: $glotpress-percent100; - } + &.disabled div.subproject { // Stats bar disabled generic text color. + background-color: #ddd; + color: #8f98a1; + } - div.percent90 { - background-color: $glotpress-percent90; - } + div.percent100 { - div.percent80 { - background-color: $glotpress-percent80; - } + .subproject-bar { // Stats bar 100% text color. + color: #fff; + text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + } - div.percent70 { - background-color: $glotpress-percent70; - } + background-color: $glotpress-percent100; + } - div.percent60 { - background-color: $glotpress-percent60; - } + div.percent90 { + background-color: $glotpress-percent90; + } - div.percent50 { - background-color: $glotpress-percent50; - } + div.percent80 { + background-color: $glotpress-percent80; + } - div.percent40 { - background-color: $glotpress-percent40; - } + div.percent70 { + background-color: $glotpress-percent70; + } - div.percent30 { - background-color: $glotpress-percent30; - } + div.percent60 { + background-color: $glotpress-percent60; + } - div.percent20 { - background-color: $glotpress-percent20; - } + div.percent50 { + background-color: $glotpress-percent50; + } - div.percent10 { - background-color: $glotpress-percent10; - } + div.percent40 { + background-color: $glotpress-percent40; + } - div.percent0 { - background-color: $glotpress-percent0; - } + div.percent30 { + background-color: $glotpress-percent30; + } - } + div.percent20 { + background-color: $glotpress-percent20; + } - a, - a:hover, - a:focus, - a.enabled div, - a.disabled div, - a.enabled:hover div, - a.disabled:hover div, - a.enabled:focus div, - a.disabled:focus div, - a div.percent0, - a:hover div.percent0, - a:focus div.percent0, - a div.percent100, - a:hover div.percent100, - a:focus div.percent100, - a.enabled div .subproject-bar, - a.disabled div .subproject-bar, - a:hover div .subproject-bar, - a:focus div .subproject-bar, { // Configuration of easeOutCirc. - - @include transition-easeOutCubic ( all, 300ms, cubic-bezier(0.075, 0.82, 0.165, 1), 0s ); - } + div.percent10 { + background-color: $glotpress-percent10; + } - a.enabled:hover, - a.enabled:focus { + div.percent0 { + background-color: $glotpress-percent0; + } - div.subproject { - width: 100%; // Stats bar length on hover/focus. + } - div.subproject-bar { - background-color: rgba(255, 255, 255, 0.2); // Status bar overlay hover/focus color. - } + a, + a:hover, + a:focus, + a.enabled div, + a.disabled div, + a.enabled:hover div, + a.disabled:hover div, + a.enabled:focus div, + a.disabled:focus div, + a div.percent0, + a:hover div.percent0, + a:focus div.percent0, + a div.percent100, + a:hover div.percent100, + a:focus div.percent100, + a.enabled div .subproject-bar, + a.disabled div .subproject-bar, + a:hover div .subproject-bar, + a:focus div .subproject-bar, { // Configuration of easeOutCirc. + + @include transition-easeOutCubic ( all, 300ms, cubic-bezier(0.075, 0.82, 0.165, 1), 0s ); } - div.percent0 { + a.enabled:hover, + a.enabled:focus { + + div.subproject { + width: 100%; // Stats bar length on hover/focus. - .subproject-bar { // Stats bar 0% hover/focus text color and shadow. - color: #fff; - text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + div.subproject-bar { + background-color: rgba(255, 255, 255, 0.2); // Status bar overlay hover/focus color. + } + } + + div.percent0 { + + .subproject-bar { // Stats bar 0% hover/focus text color and shadow. + color: #fff; + text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + } } } }