| @@ -105,8 +105,22 @@ | ||
| 105 | 105 | .repeater-template { |
| 106 | 106 | display: none; |
| 107 | 107 | } |
| 108 | 108 | |
| 109 | +/* Disabled / pro-gated repeater: the subfields and the repeater's own buttons each | |
| 110 | + carry a disabled attribute, which is what actually blocks interaction. These rules | |
| 111 | + only supply the matching visual affordance on the wrapper, which cannot be disabled. */ | |
| 112 | +.wz-repeater-disabled .add-item, | |
| 113 | +.wz-repeater-disabled .repeater-item-actions .button { | |
| 114 | + pointer-events: none; | |
| 115 | + opacity: 0.5; | |
| 116 | + cursor: not-allowed; | |
| 117 | +} | |
| 118 | + | |
| 119 | +.wz-repeater-disabled .add-item:hover { | |
| 120 | + background-color: #0073aa; | |
| 121 | +} | |
| 122 | + | |
| 109 | 123 | /* Responsiveness for smaller screens */ |
| 110 | 124 | @media screen and (max-width: 768px) { |
| 111 | 125 | .wz-repeater-wrapper { |
| 112 | 126 | margin-bottom: 1rem; |
| @@ -644,5 +658,7 @@ | ||
| 644 | 658 | |
| 645 | 659 | .wz-default-value code { |
| 646 | 660 | font-size: 11px; |
| 647 | 661 | padding: 1px 5px; |
| 662 | + overflow-wrap: anywhere; | |
| 663 | + word-break: break-word; | |
| 648 | 664 | } |
