| @@ -1479,8 +1479,9 @@ | ||
| 1479 | 1479 | .mxchat-kb-selection-header { |
| 1480 | 1480 | display: flex; |
| 1481 | 1481 | justify-content: space-between; |
| 1482 | 1482 | align-items: center; |
| 1483 | + gap: var(--mxch-spacing-md, 16px); | |
| 1483 | 1484 | padding: 15px 20px; |
| 1484 | 1485 | background-color: #f8f9fa; |
| 1485 | 1486 | border-bottom: 1px solid #eee; |
| 1486 | 1487 | position: sticky; |
| @@ -4106,6 +4107,146 @@ | ||
| 4106 | 4107 | } |
| 4107 | 4108 | @media (max-width: 782px) { |
| 4108 | 4109 | .mxchat-meta-chip-grid { |
| 4109 | 4110 | grid-template-columns: 1fr; |
| 4111 | + } | |
| 4112 | +} | |
| 4113 | + | |
| 4114 | +/* ========================================================================== | |
| 4115 | + Re-import affected entries (plan 89739b) | |
| 4116 | + Layout only. Every colour, radius and space is a shell token; the badges, | |
| 4117 | + notices, progress bar and disclosure are the shell's own. | |
| 4118 | + ========================================================================== */ | |
| 4119 | +.mxch-kb-reimport [hidden] { | |
| 4120 | + display: none; | |
| 4121 | +} | |
| 4122 | +.mxch-kb-reimport-controls { | |
| 4123 | + display: flex; | |
| 4124 | + align-items: flex-end; | |
| 4125 | + flex-wrap: wrap; | |
| 4126 | + gap: var(--mxch-spacing-md); | |
| 4127 | + margin-top: var(--mxch-spacing-lg); | |
| 4128 | +} | |
| 4129 | +.mxch-kb-reimport-controls .mxch-field { | |
| 4130 | + flex: 0 0 220px; | |
| 4131 | + margin-bottom: 0; | |
| 4132 | +} | |
| 4133 | +.mxch-kb-reimport .mxch-btn[disabled] { | |
| 4134 | + opacity: 0.55; | |
| 4135 | + cursor: default; | |
| 4136 | +} | |
| 4137 | +/* Also rewrite edited entries: the toggle beside its label (plan a00ef8) */ | |
| 4138 | +.mxch-kb-reimport-edited { | |
| 4139 | + display: flex; | |
| 4140 | + align-items: flex-start; | |
| 4141 | + gap: var(--mxch-spacing-sm); | |
| 4142 | + margin-top: var(--mxch-spacing-md); | |
| 4143 | +} | |
| 4144 | +.mxch-kb-reimport-edited .toggle-switch { | |
| 4145 | + flex: 0 0 auto; | |
| 4146 | + margin-top: 2px; | |
| 4147 | +} | |
| 4148 | +.mxch-kb-reimport-edited .mxch-field-label { | |
| 4149 | + margin-bottom: 2px; | |
| 4150 | + cursor: pointer; | |
| 4151 | +} | |
| 4152 | +.mxch-kb-reimport-edited .mxch-field-description { | |
| 4153 | + margin: 0; | |
| 4154 | +} | |
| 4155 | +.mxch-kb-reimport-progress, | |
| 4156 | +.mxch-kb-reimport-error { | |
| 4157 | + margin-top: var(--mxch-spacing-lg); | |
| 4158 | +} | |
| 4159 | +.mxch-kb-reimport-progress .mxch-progress-label { | |
| 4160 | + margin-bottom: 0; | |
| 4161 | +} | |
| 4162 | +.mxch-kb-reimport-results { | |
| 4163 | + margin-top: var(--mxch-spacing-lg); | |
| 4164 | + padding-top: var(--mxch-spacing-lg); | |
| 4165 | + border-top: 1px solid var(--mxch-card-border); | |
| 4166 | +} | |
| 4167 | +.mxch-kb-reimport-done { | |
| 4168 | + margin-bottom: var(--mxch-spacing-md); | |
| 4169 | +} | |
| 4170 | +.mxch-kb-reimport-counts { | |
| 4171 | + display: flex; | |
| 4172 | + flex-wrap: wrap; | |
| 4173 | + gap: var(--mxch-spacing-sm); | |
| 4174 | +} | |
| 4175 | +.mxch-kb-reimport-list { | |
| 4176 | + list-style: none; | |
| 4177 | + margin: var(--mxch-spacing-md) 0 0; | |
| 4178 | + padding: 0; | |
| 4179 | + max-height: 336px; | |
| 4180 | + overflow-y: auto; | |
| 4181 | + border: 1px solid var(--mxch-card-border); | |
| 4182 | + border-radius: var(--mxch-radius-md); | |
| 4183 | +} | |
| 4184 | +.mxch-kb-reimport-list li { | |
| 4185 | + display: flex; | |
| 4186 | + align-items: center; | |
| 4187 | + justify-content: space-between; | |
| 4188 | + gap: var(--mxch-spacing-md); | |
| 4189 | + margin: 0; | |
| 4190 | + padding: var(--mxch-spacing-sm) var(--mxch-spacing-md); | |
| 4191 | + border-top: 1px solid var(--mxch-card-border); | |
| 4192 | + font-size: 13px; | |
| 4193 | + line-height: 1.5; | |
| 4194 | +} | |
| 4195 | +.mxch-kb-reimport-list li:first-child { | |
| 4196 | + border-top: 0; | |
| 4197 | +} | |
| 4198 | +.mxch-kb-reimport-source { | |
| 4199 | + min-width: 0; | |
| 4200 | + overflow-wrap: anywhere; | |
| 4201 | + color: var(--mxch-text-primary); | |
| 4202 | +} | |
| 4203 | +.mxch-kb-reimport-note { | |
| 4204 | + display: block; | |
| 4205 | + font-size: 12px; | |
| 4206 | + color: var(--mxch-text-secondary); | |
| 4207 | +} | |
| 4208 | +.mxch-kb-reimport-reasons { | |
| 4209 | + display: flex; | |
| 4210 | + flex-wrap: wrap; | |
| 4211 | + justify-content: flex-end; | |
| 4212 | + gap: var(--mxch-spacing-xs); | |
| 4213 | + flex-shrink: 0; | |
| 4214 | +} | |
| 4215 | +.mxch-kb-reimport-notes { | |
| 4216 | + margin-top: var(--mxch-spacing-sm); | |
| 4217 | + border: 0; | |
| 4218 | + border-radius: 0; | |
| 4219 | +} | |
| 4220 | +.mxch-kb-reimport-notes li { | |
| 4221 | + padding-left: 0; | |
| 4222 | + padding-right: 0; | |
| 4223 | +} | |
| 4224 | +.mxch-kb-reimport-footer { | |
| 4225 | + display: flex; | |
| 4226 | + align-items: center; | |
| 4227 | + flex-wrap: wrap; | |
| 4228 | + gap: var(--mxch-spacing-sm) var(--mxch-spacing-md); | |
| 4229 | +} | |
| 4230 | +.mxch-kb-reimport-footer .mxch-field-hint { | |
| 4231 | + margin-top: 0; | |
| 4232 | +} | |
| 4233 | +@media (max-width: 600px) { | |
| 4234 | + .mxch-kb-reimport-controls .mxch-field { | |
| 4235 | + flex-basis: 100%; | |
| 4236 | + } | |
| 4237 | + .mxch-kb-reimport-controls .mxch-btn { | |
| 4238 | + width: 100%; | |
| 4239 | + justify-content: center; | |
| 4240 | + } | |
| 4241 | + .mxch-kb-reimport-list li { | |
| 4242 | + flex-direction: column; | |
| 4243 | + align-items: flex-start; | |
| 4244 | + gap: var(--mxch-spacing-xs); | |
| 4245 | + } | |
| 4246 | + .mxch-kb-reimport-reasons { | |
| 4247 | + justify-content: flex-start; | |
| 4248 | + } | |
| 4249 | + .mxch-kb-reimport-list { | |
| 4250 | + max-height: 480px; | |
| 4110 | 4251 | } |
| 4111 | 4252 | } |
