| @@ -1506,8 +1506,51 @@ | ||
| 1506 | 1506 | vertical-align: super; |
| 1507 | 1507 | font-size: 9px; |
| 1508 | 1508 | } |
| 1509 | 1509 | |
| 1510 | +/* | |
| 1511 | + * "New" pill on a Charitable Tools tab. | |
| 1512 | + * | |
| 1513 | + * Values copied EXACTLY from the Site Analysis badge on Reports, which is the | |
| 1514 | + * established Charitable "New" tab badge. That one is an inline ::after rule | |
| 1515 | + * built in Charitable_Site_Analysis::enqueue_assets() - | |
| 1516 | + * `.nav-tab.site-analysis::after { content:"New"; ... }` - so this is the same | |
| 1517 | + * fill, text colour, size, weight, padding and vertical offset, just applied to | |
| 1518 | + * a real element instead of generated content. | |
| 1519 | + * | |
| 1520 | + * A <span> rather than content:"New" on purpose: CSS generated content cannot | |
| 1521 | + * be translated, and the Site Analysis badge's label is therefore stuck in | |
| 1522 | + * English on every locale. Same appearance, one fewer untranslatable string. | |
| 1523 | + * | |
| 1524 | + * #5AA152 is NOT canon brand green (#31714c) - it is the as-built value the | |
| 1525 | + * Site Analysis badge already ships, matched deliberately because the point is | |
| 1526 | + * for the two badges to be indistinguishable. Changing it is a separate | |
| 1527 | + * decision that should move both at once. | |
| 1528 | + * | |
| 1529 | + * Here rather than in charitable-ai-mcp.css because that stylesheet is only | |
| 1530 | + * enqueued on tab=ai-mcp, and the badge exists to be seen from the OTHER tabs. | |
| 1531 | + * | |
| 1532 | + * Edited in the .css directly, NOT in assets/scss/admin/charitable-admin.scss. | |
| 1533 | + * The build has no sass step - bin/build.sh --css only runs | |
| 1534 | + * minify_admin_css.sh - so the .scss tree is not compiled and is not the source | |
| 1535 | + * of truth for this file. Editing the .scss here changed nothing. | |
| 1536 | + */ | |
| 1537 | +.nav-tab .charitable-tab-new-badge { | |
| 1538 | + display: inline-block; | |
| 1539 | + background-color: #5AA152; | |
| 1540 | + padding: 3px 7px; | |
| 1541 | + font-size: 11px; | |
| 1542 | + line-height: 11px; | |
| 1543 | + text-transform: uppercase; | |
| 1544 | + color: #fff; | |
| 1545 | + font-weight: 600; | |
| 1546 | + margin-left: 5px; | |
| 1547 | + margin-right: 5px; | |
| 1548 | + margin-top: 0; | |
| 1549 | + position: relative; | |
| 1550 | + top: -7px; | |
| 1551 | +} | |
| 1552 | + | |
| 1510 | 1553 | /* settings */ |
| 1511 | 1554 | body.charitable_page_charitable-settings table, |
| 1512 | 1555 | body.charitable_page_charitable-reports table, |
| 1513 | 1556 | body.post-type-charitable.edit-tags-php table, |
