← All changes | admin/css/metasync-admin.css +156 -1 2.6.3 → trunk View file →

		@@ -1085,8 +1085,35 @@
1085	1085	overflow: hidden;
1086	1086	}
1087	1087
1088	1088	/* Legacy styles maintained for backward compatibility */
	1089	+.metasync-seo-priority-control {
	1090	+ max-width: 760px;
	1091	+}
	1092	+
	1093	+.metasync-seo-priority-control > label {
	1094	+ display: inline-flex;
	1095	+ align-items: center;
	1096	+ gap: 7px;
	1097	+ line-height: 1.4;
	1098	+ cursor: pointer;
	1099	+}
	1100	+
	1101	+.metasync-seo-priority-control > label strong {
	1102	+ font-weight: 600;
	1103	+}
	1104	+
	1105	+.metasync-seo-priority-control .description {
	1106	+ margin: 8px 0 0;
	1107	+ line-height: 1.65;
	1108	+}
	1109	+
	1110	+.metasync-seo-priority-control .metasync-seo-priority-note {
	1111	+ display: inline-block;
	1112	+ margin-top: 2px;
	1113	+ font-weight: 500;
	1114	+}
	1115	+
1089	1116	.table {
1090	1117	border: 0px;
1091	1118	margin: 0px;
1092	1119	}
		@@ -1485,10 +1512,12 @@
1485	1512	color: #fff;
1486	1513	border: none;
1487	1514	border-radius: 6px;
1488	1515	font-size: 13px;
	1516	+ line-height: 1.4;
1489	1517	text-decoration: none;
1490	1518	transition: background 0.2s ease;
	1519	+ vertical-align: middle;
1491	1520	}
1492	1521
1493	1522	.metasync-sitemap-table .button-view:hover {
1494	1523	background: var(--dashboard-accent-hover, #4f46e5);
		@@ -1498,10 +1527,92 @@
1498	1527	.metasync-sitemap-table .button-view .dashicons {
1499	1528	font-size: 14px;
1500	1529	width: 14px;
1501	1530	height: 14px;
	1531	+ color: #fff;
1502	1532	}
1503	1533
	1534	+.metasync-sitemap-table .button-delete {
	1535	+ display: inline-flex;
	1536	+ align-items: center;
	1537	+ gap: 5px;
	1538	+ padding: 6px 12px;
	1539	+ background: #dc3232;
	1540	+ color: #fff;
	1541	+ border: none;
	1542	+ border-radius: 6px;
	1543	+ font-size: 13px;
	1544	+ line-height: 1.4;
	1545	+ cursor: pointer;
	1546	+ transition: background 0.2s ease;
	1547	+ vertical-align: middle;
	1548	+}
	1549	+
	1550	+.metasync-sitemap-table td form {
	1551	+ display: inline;
	1552	+ vertical-align: middle;
	1553	+}
	1554	+
	1555	+.metasync-sitemap-table .button-delete:hover {
	1556	+ background: #b52727;
	1557	+ color: #fff;
	1558	+}
	1559	+
	1560	+.metasync-sitemap-table .button-delete .dashicons {
	1561	+ font-size: 14px;
	1562	+ width: 14px;
	1563	+ height: 14px;
	1564	+ color: #fff;
	1565	+}
	1566	+
	1567	+.metasync-auth-token-row {
	1568	+ display: flex;
	1569	+ align-items: center;
	1570	+ flex-wrap: wrap;
	1571	+ gap: 10px;
	1572	+}
	1573	+
	1574	+.metasync-auth-token-row input.regular-text {
	1575	+ flex: 0 0 auto;
	1576	+}
	1577	+
	1578	+.metasync-auth-token-row .metasync-refresh-token-btn {
	1579	+ margin: 0;
	1580	+ flex-shrink: 0;
	1581	+ min-width: 175px;
	1582	+ text-align: center;
	1583	+ /*
	1584	+ * WP core's .wp-core-ui .button rule sets line-height: 2.92308 (a unitless
	1585	+ * ratio tuned for its own 13px font-size). metasync-dashboard.css bumps this
	1586	+ * button's font-size to 14px without resetting line-height, so the ratio
	1587	+ * recalculates against the new font-size to ~41px, ballooning the button to
	1588	+ * ~67px tall vs ~43-45px for every other button/field on this row (WP-529).
	1589	+ * Resetting line-height here (after both stylesheets, so it always wins)
	1590	+ * restores it to the same height as its neighbors.
	1591	+ */
	1592	+ line-height: normal;
	1593	+}
	1594	+
	1595	+.metasync-refresh-token-btn .dashicons {
	1596	+ font-size: 14px;
	1597	+ width: 14px;
	1598	+ height: 14px;
	1599	+ line-height: 1.4;
	1600	+ vertical-align: middle;
	1601	+ margin-right: 4px;
	1602	+}
	1603	+
	1604	+@media screen and (max-width: 782px) {
	1605	+ .metasync-auth-token-row {
	1606	+ flex-direction: column;
	1607	+ align-items: flex-start;
	1608	+ }
	1609	+
	1610	+ .metasync-auth-token-row .metasync-refresh-token-btn {
	1611	+ margin-top: 8px;
	1612	+ }
	1613	+}
	1614	+
1504	1615	@media (max-width: 768px) {
1505	1616	.metasync-sitemap-table th,
1506	1617	.metasync-sitemap-table td {
1507	1618	padding: 10px 12px;
		@@ -2071,5 +2182,49 @@
2071	2182
2072	2183	.msrp-pill-supported {
2073	2184	background: rgba(34, 113, 177, 0.1);
2074	2185	color: var(--dashboard-accent, #2271b1);
2075		-}
	2186	+}
	2187	+
	2188	+/* Lays the logo preview out as image + remove control side by side,
	2189	+ top-aligned to the image's upper-right, with real spacing between
	2190	+ them instead of an inline WP core button that renders full-size and
	2191	+ flush against the image with no gap. */
	2192	+.metasync-logo-preview-wrap {
	2193	+ display: inline-flex;
	2194	+ align-items: flex-start;
	2195	+ gap: 16px;
	2196	+}
	2197	+
	2198	+#local_seo_logo_close_btn.metasync-logo-remove-btn {
	2199	+ box-sizing: border-box;
	2200	+ width: 32px;
	2201	+ height: 32px;
	2202	+ min-height: 32px;
	2203	+ padding: 0;
	2204	+ margin: 0;
	2205	+ flex-shrink: 0;
	2206	+ /* WP core's .wp-core-ui .button line-height is tuned for a text
	2207	+ label, not a fixed-size square icon; reset it so the glyph
	2208	+ stays centered instead of inflating the button box. */
	2209	+ line-height: 27px !important;
	2210	+ font-size: 16px;
	2211	+ font-weight: 700;
	2212	+ text-align: center;
	2213	+ /* !important: WP core's .button-secondary text/background rules
	2214	+ otherwise win the cascade — the glyph rendered white-on-white,
	2215	+ and a hardcoded white fill clashed with dark admin color
	2216	+ schemes. Transparent lets whatever sits behind it show through
	2217	+ in both light and dark themes; only the border/glyph are red. */
	2218	+ color: #d63638 !important;
	2219	+ background: transparent !important;
	2220	+ border: 2px solid #d63638;
	2221	+ border-radius: 6px;
	2222	+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	2223	+ cursor: pointer;
	2224	+}
	2225	+
	2226	+#local_seo_logo_close_btn.metasync-logo-remove-btn:hover,
	2227	+#local_seo_logo_close_btn.metasync-logo-remove-btn:focus {
	2228	+ background: #d63638 !important;
	2229	+ color: #fff !important;
	2230	+}