| @@ -610,8 +610,19 @@ | ||
| 610 | 610 | input:checked + .mxchat-toggle-slider:before { |
| 611 | 611 | transform: translateX(26px); |
| 612 | 612 | } |
| 613 | 613 | |
| 614 | +/* Group-level ACF toggle, mixed state: some fields in the group are excluded. | |
| 615 | + Knob parks mid-track on a washed-out tint of the brand gradient until the | |
| 616 | + owner picks a side (plan bf57e0). */ | |
| 617 | +input:indeterminate + .mxchat-toggle-slider { | |
| 618 | + background: linear-gradient(135deg, #e3b8dd, #b9b6e8); | |
| 619 | +} | |
| 620 | + | |
| 621 | +input:indeterminate + .mxchat-toggle-slider:before { | |
| 622 | + transform: translateX(13px); | |
| 623 | +} | |
| 624 | + | |
| 614 | 625 | .mxchat-toggle-label { |
| 615 | 626 | font-size: 14px; |
| 616 | 627 | color: #333; |
| 617 | 628 | } |
| @@ -1211,8 +1222,12 @@ | ||
| 1211 | 1222 | .rtl input:checked + .mxchat-toggle-slider:before { |
| 1212 | 1223 | transform: translateX(-26px); |
| 1213 | 1224 | } |
| 1214 | 1225 | |
| 1226 | +.rtl input:indeterminate + .mxchat-toggle-slider:before { | |
| 1227 | + transform: translateX(-13px); | |
| 1228 | +} | |
| 1229 | + | |
| 1215 | 1230 | .rtl .mxchat-error-notice { |
| 1216 | 1231 | border-left: none; |
| 1217 | 1232 | border-right: 3px solid #f44336; |
| 1218 | 1233 | } |
| @@ -1417,8 +1432,36 @@ | ||
| 1417 | 1432 | outline: none; |
| 1418 | 1433 | box-shadow: 0 0 0 1px #7873f5; |
| 1419 | 1434 | } |
| 1420 | 1435 | |
| 1436 | +/* Contextual note under the modal filter strip — only rendered for content types | |
| 1437 | + that need one (currently Media). Continues the filter strip's own surface so it | |
| 1438 | + reads as part of it rather than as a banner dropped on top. */ | |
| 1439 | +.mxchat-kb-filter-note { | |
| 1440 | + display: flex; | |
| 1441 | + align-items: center; | |
| 1442 | + gap: 8px; | |
| 1443 | + padding: 10px 20px; | |
| 1444 | + background-color: #f8f9fa; | |
| 1445 | + border-bottom: 1px solid #e5e5e5; | |
| 1446 | + color: #555; | |
| 1447 | + font-size: 13px; | |
| 1448 | + line-height: 1.4; | |
| 1449 | +} | |
| 1450 | + | |
| 1451 | +/* An author-level display value outranks the browser default for [hidden], so the | |
| 1452 | + hidden state has to be restated here or the note would never hide. */ | |
| 1453 | +.mxchat-kb-filter-note[hidden] { | |
| 1454 | + display: none; | |
| 1455 | +} | |
| 1456 | + | |
| 1457 | +.mxchat-kb-filter-note-icon { | |
| 1458 | + width: 16px; | |
| 1459 | + height: 16px; | |
| 1460 | + flex-shrink: 0; | |
| 1461 | + color: #7873f5; | |
| 1462 | +} | |
| 1463 | + | |
| 1421 | 1464 | /* Special style for the "processed" filter */ |
| 1422 | 1465 | #mxchat-kb-processed-filter { |
| 1423 | 1466 | border-left: 3px solid #1e88e5; |
| 1424 | 1467 | } |
| @@ -1493,19 +1536,23 @@ | ||
| 1493 | 1536 | align-items: flex-start; |
| 1494 | 1537 | padding-top: 3px; |
| 1495 | 1538 | } |
| 1496 | 1539 | |
| 1540 | +/* Native control, brand-tinted — identical to the "select all" checkbox above the | |
| 1541 | + list, which carries no custom styling at all and renders correctly. | |
| 1542 | + Do NOT re-add width / height / border / border-radius / background here. WP admin | |
| 1543 | + draws the tick as a 21px dashicon positioned with negative margins for its OWN | |
| 1544 | + default box, so forcing a custom box makes the tick overflow it. That mismatch | |
| 1545 | + shipped for a long time but was invisible while the tick was white-on-white. */ | |
| 1497 | 1546 | .mxchat-kb-content-checkbox input[type="checkbox"] { |
| 1498 | - width: 18px; | |
| 1499 | - height: 18px; | |
| 1500 | - border: 1px solid #8c8f94; | |
| 1501 | - border-radius: 3px; | |
| 1502 | - background: #fff; | |
| 1503 | 1547 | margin: 0; |
| 1548 | + cursor: pointer; | |
| 1549 | + accent-color: var(--mxch-primary, #7873f5); | |
| 1504 | 1550 | } |
| 1505 | 1551 | |
| 1506 | -.mxchat-kb-content-checkbox input[type="checkbox"]:checked { | |
| 1507 | - border-color: #7873f5; | |
| 1552 | +.mxchat-kb-content-checkbox input[type="checkbox"]:focus-visible { | |
| 1553 | + outline: 2px solid var(--mxch-primary, #7873f5); | |
| 1554 | + outline-offset: 2px; | |
| 1508 | 1555 | } |
| 1509 | 1556 | |
| 1510 | 1557 | .mxchat-kb-content-details { |
| 1511 | 1558 | flex: 1; |
