| @@ -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 | } |
| @@ -1536,8 +1563,56 @@ | ||
| 1536 | 1563 | height: 14px; |
| 1537 | 1564 | color: #fff; |
| 1538 | 1565 | } |
| 1539 | 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 | + | |
| 1540 | 1615 | @media (max-width: 768px) { |
| 1541 | 1616 | .metasync-sitemap-table th, |
| 1542 | 1617 | .metasync-sitemap-table td { |
| 1543 | 1618 | padding: 10px 12px; |
| @@ -2107,5 +2182,49 @@ | ||
| 2107 | 2182 | |
| 2108 | 2183 | .msrp-pill-supported { |
| 2109 | 2184 | background: rgba(34, 113, 177, 0.1); |
| 2110 | 2185 | color: var(--dashboard-accent, #2271b1); |
| 2111 | -} | |
| 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 | +} | |
