| @@ -491,8 +491,61 @@ | ||
| 491 | 491 | border-color: var(--mxch-input-focus, #7873f5); |
| 492 | 492 | box-shadow: 0 0 0 3px var(--mxch-primary-light, rgba(120, 115, 245, 0.1)); |
| 493 | 493 | } |
| 494 | 494 | |
| 495 | +/* ─── Range slider (Images per article) ─────────────────────────── */ | |
| 496 | + | |
| 497 | +.mxch-cg-slider-row { | |
| 498 | + display: flex; | |
| 499 | + align-items: center; | |
| 500 | + gap: 12px; | |
| 501 | +} | |
| 502 | + | |
| 503 | +.mxch-cg-slider { | |
| 504 | + flex: 1; | |
| 505 | + -webkit-appearance: none; | |
| 506 | + appearance: none; | |
| 507 | + height: 6px; | |
| 508 | + border-radius: 3px; | |
| 509 | + background: #e2e8f0; | |
| 510 | + cursor: pointer; | |
| 511 | +} | |
| 512 | + | |
| 513 | +.mxch-cg-slider:disabled { | |
| 514 | + opacity: 0.5; | |
| 515 | + cursor: not-allowed; | |
| 516 | +} | |
| 517 | + | |
| 518 | +.mxch-cg-slider::-webkit-slider-thumb { | |
| 519 | + -webkit-appearance: none; | |
| 520 | + appearance: none; | |
| 521 | + width: 18px; | |
| 522 | + height: 18px; | |
| 523 | + border-radius: 50%; | |
| 524 | + background: var(--mxch-primary, #7873f5); | |
| 525 | + border: 2px solid #fff; | |
| 526 | + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | |
| 527 | + cursor: pointer; | |
| 528 | +} | |
| 529 | + | |
| 530 | +.mxch-cg-slider::-moz-range-thumb { | |
| 531 | + width: 18px; | |
| 532 | + height: 18px; | |
| 533 | + border-radius: 50%; | |
| 534 | + background: var(--mxch-primary, #7873f5); | |
| 535 | + border: 2px solid #fff; | |
| 536 | + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | |
| 537 | + cursor: pointer; | |
| 538 | +} | |
| 539 | + | |
| 540 | +.mxch-cg-slider-value { | |
| 541 | + min-width: 24px; | |
| 542 | + text-align: center; | |
| 543 | + font-size: 14px; | |
| 544 | + font-weight: 600; | |
| 545 | + color: var(--mxch-primary, #7873f5); | |
| 546 | +} | |
| 547 | + | |
| 495 | 548 | /* ─── Progress Bar (inside modal) ───────────────────────────────── */ |
| 496 | 549 | |
| 497 | 550 | .mxch-cg-progress { |
| 498 | 551 | margin-top: 14px; |
| @@ -2230,8 +2283,15 @@ | ||
| 2230 | 2283 | text-align: center; |
| 2231 | 2284 | flex-shrink: 0; |
| 2232 | 2285 | } |
| 2233 | 2286 | |
| 2287 | +.mxch-seod-header-position { | |
| 2288 | + width: 44px; | |
| 2289 | + text-align: center; | |
| 2290 | + flex-shrink: 0; | |
| 2291 | + cursor: default; /* not sortable in v1 */ | |
| 2292 | +} | |
| 2293 | + | |
| 2234 | 2294 | .mxch-seod-sort-arrow { |
| 2235 | 2295 | font-size: 9px; |
| 2236 | 2296 | vertical-align: middle; |
| 2237 | 2297 | margin-left: 2px; |
| @@ -2258,8 +2318,16 @@ | ||
| 2258 | 2318 | font-size: 12px; |
| 2259 | 2319 | color: var(--mxch-text-muted, #6b7280); |
| 2260 | 2320 | } |
| 2261 | 2321 | |
| 2322 | +.mxch-seod-cell-position { | |
| 2323 | + width: 44px; | |
| 2324 | + flex-shrink: 0; | |
| 2325 | + justify-content: center; | |
| 2326 | + font-size: 12px; | |
| 2327 | + color: var(--mxch-text-muted, #6b7280); | |
| 2328 | +} | |
| 2329 | + | |
| 2262 | 2330 | .mxch-seod-row { |
| 2263 | 2331 | border-bottom: 1px solid var(--mxch-card-border, #e2e4e9); |
| 2264 | 2332 | cursor: pointer; |
| 2265 | 2333 | transition: background 0.15s ease; |
| @@ -2866,8 +2934,39 @@ | ||
| 2866 | 2934 | color: #ef4444; |
| 2867 | 2935 | font-size: 13px; |
| 2868 | 2936 | } |
| 2869 | 2937 | |
| 2938 | +/* Slim "connect Search Console" hint row — GSC add-on active but not linked. | |
| 2939 | + Same amber state language as the add-on settings card's needs-GSC banner. */ | |
| 2940 | +.mxch-seod-gsc-hint { | |
| 2941 | + display: flex; | |
| 2942 | + align-items: center; | |
| 2943 | + gap: 8px; | |
| 2944 | + padding: 8px 14px; | |
| 2945 | + background: #fffbeb; | |
| 2946 | + border-bottom: 1px solid #fde68a; | |
| 2947 | + color: var(--mxch-text-secondary, #64748b); | |
| 2948 | + font-size: 12.5px; | |
| 2949 | +} | |
| 2950 | + | |
| 2951 | +.mxch-seod-gsc-hint-dot { | |
| 2952 | + flex-shrink: 0; | |
| 2953 | + width: 7px; | |
| 2954 | + height: 7px; | |
| 2955 | + border-radius: 50%; | |
| 2956 | + background: var(--mxch-warning, #d97706); | |
| 2957 | +} | |
| 2958 | + | |
| 2959 | +.mxch-seod-gsc-hint a { | |
| 2960 | + color: var(--mxch-primary, #7873f5); | |
| 2961 | + text-decoration: none; | |
| 2962 | + font-weight: 500; | |
| 2963 | +} | |
| 2964 | + | |
| 2965 | +.mxch-seod-gsc-hint a:hover { | |
| 2966 | + text-decoration: underline; | |
| 2967 | +} | |
| 2968 | + | |
| 2870 | 2969 | /* ─── Settings Card Header ─────────────────────────────────────── */ |
| 2871 | 2970 | |
| 2872 | 2971 | .mxch-card-header { |
| 2873 | 2972 | padding: 14px 20px 0; |
| @@ -3116,14 +3215,16 @@ | ||
| 3116 | 3215 | display: none; |
| 3117 | 3216 | } |
| 3118 | 3217 | .mxch-seod-cell-date, |
| 3119 | 3218 | .mxch-seod-cell-clicks, |
| 3120 | - .mxch-seod-cell-impressions { | |
| 3219 | + .mxch-seod-cell-impressions, | |
| 3220 | + .mxch-seod-cell-position { | |
| 3121 | 3221 | display: none; |
| 3122 | 3222 | } |
| 3123 | 3223 | .mxch-seod-header-date, |
| 3124 | 3224 | .mxch-seod-header-clicks, |
| 3125 | - .mxch-seod-header-impressions { | |
| 3225 | + .mxch-seod-header-impressions, | |
| 3226 | + .mxch-seod-header-position { | |
| 3126 | 3227 | display: none; |
| 3127 | 3228 | } |
| 3128 | 3229 | .mxch-seod-modal { |
| 3129 | 3230 | width: 95%; |
