← All changes | assets/css/admin/charitable-admin.css +68 -28 1.8.12 → 1.8.13 View file →

		@@ -102,9 +102,9 @@
102	102	background-color: #ffffff;
103	103	margin: 0 0 0 -20px;
104	104	padding-right: 20px;
105	105	width: 100%;
106		- border-top: 3px solid #E89940;
	106	+ border-top: 3px solid #fc9a2a;
107	107	border-bottom: 1px solid #ddd;
108	108	border-left: 0;
109	109	border-right: 0;
110	110	}
		@@ -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,
		@@ -4904,30 +4947,18 @@
4904	4947	border-left-color: #efb84a;
4905	4948	margin-bottom: 12px;
4906	4949	}
4907	4950
4908		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block .charitable-logo,
4909		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block .charitable-logo,
4910		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block .charitable-logo,
4911		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar .charitable-logo,
4912		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button .charitable-logo,
4913		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats .charitable-logo,
4914		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations .charitable-logo {
4915		- max-width: 255px !important;
4916		- margin-bottom: 10px !important;
4917		- padding-bottom: 10px !important;
4918		- border-bottom: 1px solid #e8e8eb;
4919		-}
4920		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block p,
4921		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block p,
4922		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block p,
4923		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar p,
4924		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button p,
4925		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats p,
4926		-.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations p {
4927		- margin-top: 2px !important;
4928		- margin-bottom: 2px !important;
4929		-}
	4951	+/*
	4952	+ * The Charitable block-editor CANVAS rules that used to live here (the
	4953	+ * `.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-*`
	4954	+ * logo and paragraph rules) moved to charitable-block-editor-canvas.css in 1.8.12.1.
	4955	+ *
	4956	+ * They only reached the iframed canvas via Gutenberg's useCompatibilityStyles shim,
	4957	+ * which logged "charitable-admin-2.0-css was added to the iframe incorrectly" on every
	4958	+ * editor load. Do not add `.editor-styles-wrapper` or `.wp-block` selectors to this
	4959	+ * file — that is what makes the shim clone it and warn again.
	4960	+ */
4930	4961
4931	4962	/* post new donation */
4932	4963	body.post-type-donation.charitable-admin-donation-edit #post-body input[type=text],
4933	4964	body.post-type-donation.charitable-admin-donation-edit #post-body input[type=email],
		@@ -5289,10 +5320,10 @@
5289	5320	}
5290	5321	}
5291	5322	/* Charitable Test Mode Admin Bar Badge */
5292	5323	#wpadminbar .charitable-test-mode-active .charitable-test-mode-badge {
5293		- color: #fff;
5294		- background-color: #E89940 !important;
	5324	+ color: #1e1515;
	5325	+ background-color: #fc9a2a !important;
5295	5326	font-weight: 600;
5296	5327	padding: 0px 8px;
5297	5328	border-radius: 4px;
5298	5329	margin: 0 4px;
		@@ -5297,9 +5328,8 @@
5297	5328	border-radius: 4px;
5298	5329	margin: 0 4px;
5299	5330	display: inline-block;
5300	5331	white-space: nowrap;
5301		- border: 2px solid black;
5302	5332	font-size: 12px;
5303	5333	line-height: 25px;
5304	5334	}
5305	5335
		@@ -5309,11 +5339,21 @@
5309	5339	font-weight: bold;
5310	5340	}
5311	5341
5312	5342	#wpadminbar .charitable-test-mode-active:hover .charitable-test-mode-badge {
5313		- background-color: #d68a37 !important;
	5343	+ background-color: #fc8c0c !important;
5314	5344	}
5315	5345
	5346	+/*
	5347	+ * Core draws a 4px "current item" bar inside the bottom edge of any hovered or focused
	5348	+ * admin-bar link: #wpadminbar a:hover, #wpadminbar a:focus { box-shadow: currentcolor 0 -4px 0 0 inset }.
	5349	+ * Against a filled pill that reads as a stray underline sitting below the badge, so it is
	5350	+ * suppressed here. Scoped to :not(:focus-visible) so keyboard focus keeps its indicator.
	5351	+ */
	5352	+#wpadminbar .charitable-test-mode-active > .ab-item:hover:not(:focus-visible) {
	5353	+ box-shadow: none;
	5354	+}
	5355	+
5316	5356	/* Test Mode Checkbox Flash Animation */
5317	5357	@keyframes charitable-test-mode-flash {
5318	5358	0% {
5319	5359	background-color: transparent;
		@@ -5318,9 +5358,9 @@
5318	5358	0% {
5319	5359	background-color: transparent;
5320	5360	}
5321	5361	50% {
5322		- background-color: rgba(232, 153, 64, 0.5);
	5362	+ background-color: rgba(252, 154, 42, 0.5);
5323	5363	color: white;
5324	5364	}
5325	5365	100% {
5326	5366	background-color: transparent;