refactor(divi): DiviTab geht im Reiter „Compatibility“ auf

Der eigene Divi-Reiter entfällt. DiviAdminExtras behält Admin-Hinweis, Orphan-Bereinigung vor der Ausgabe (lit_mcp_compat_profile_load), Hinweis zum nächsten Schritt und zur privaten Testseite (lit_mcp_compat_profile_intro), Zustandstexte mit Quelle (lit_mcp_compat_explanation), Automatik-Notiz und Visual-Builder-Hinweis (lit_mcp_compat_profile_extra) sowie die Spalten Quelle, Probleme und Betroffene Tools über die neue, gegen fehlerhafte Callbacks abgesicherte Erweiterung lit_mcp_compat_capability_columns. Texte, Doku, CSS (lit-mcp-compat-*) und Smoke auf den neuen Reiter umgestellt, tote divi_*-Hinweise entfernt.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Jan-Niclas Loosen
2026-11-06 13:32:29 +01:00
co-authored by Claude Opus 5.5
parent 85f4138b36
commit b40b81f585
23 changed files with 1020 additions and 1284 deletions
+16 -16
View File
@@ -132,13 +132,13 @@
vertical-align: text-bottom;
}
/* Divi tab: the report is a plain list, the icon replaces the bullet. */
.lit-mcp-divi-report {
/* Tab "Compatibility": the report is a plain list, the icon replaces the bullet. */
.lit-mcp-compat-report {
list-style: none;
margin-left: 0;
}
.lit-mcp-divi-report ul {
.lit-mcp-compat-report ul {
list-style: disc;
margin-left: 2em;
}
@@ -157,12 +157,12 @@
/* Folded help ("Wo finde ich das?") and the Divi detail table. */
.lit-mcp-hint,
.lit-mcp-divi-details {
.lit-mcp-compat-details {
margin-top: 6px;
}
.lit-mcp-hint summary,
.lit-mcp-divi-details summary {
.lit-mcp-compat-details summary {
cursor: pointer;
}
@@ -170,7 +170,7 @@
max-width: 40rem;
}
.lit-mcp-divi-details summary {
.lit-mcp-compat-details summary {
font-size: 14px;
font-weight: 600;
margin: 1em 0 0.5em;
@@ -241,7 +241,7 @@
}
.lit-mcp-hint summary,
.lit-mcp-divi-details summary {
.lit-mcp-compat-details summary {
padding: 6px 0;
}
}
@@ -435,9 +435,9 @@
}
}
/* Divi tab: on phones each row of the feature table becomes a card named by data-label. */
/* Tab "Compatibility": on phones each row of the feature table becomes a card named by data-label. */
@media screen and (max-width: 782px) {
.lit-mcp-divi-features thead {
.lit-mcp-compat-features thead {
position: absolute;
width: 1px;
height: 1px;
@@ -445,31 +445,31 @@
clip-path: inset(50%);
}
.lit-mcp-divi-features tr,
.lit-mcp-divi-features td {
.lit-mcp-compat-features tr,
.lit-mcp-compat-features td {
display: block;
}
/* One card per row: a rule and room between them, the feature name first and bold. */
.lit-mcp-divi-features tr {
.lit-mcp-compat-features tr {
padding: 8px 0;
border-bottom: 1px solid #c3c4c7;
}
.lit-mcp-divi-features td:first-child {
.lit-mcp-compat-features td:first-child {
font-weight: 600;
}
.lit-mcp-divi-features code {
.lit-mcp-compat-features code {
overflow-wrap: anywhere;
}
.lit-mcp-divi-features td::before {
.lit-mcp-compat-features td::before {
content: attr(data-label) ": ";
font-weight: 600;
}
.lit-mcp-divi-features ul {
.lit-mcp-compat-features ul {
margin: 0;
}
}