#705 - UX improvements for SEO panel

estruyf · Nov 21, 2024 · 22ce41c · 22ce41c
1 parent cb649a9
commit 22ce41c
Show file tree

Hide file tree

Showing 16 changed files with 405 additions and 333 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 ### 🎨 Enhancements
 
+- [#705](https://github.com/estruyf/vscode-front-matter/issues/705): UX improvements for the panel view
 - [#887](https://github.com/estruyf/vscode-front-matter/issues/887): Added new `frontMatter.global.timezone` setting, by default it is set to `UTC` for date formatting
 - [#888](https://github.com/estruyf/vscode-front-matter/issues/888): Added the ability to prompt GitHub Copilot from a custom script/action
 

diff --git a/assets/media/styles.css b/assets/media/styles.css
@@ -99,11 +99,6 @@
   margin-right: 0.5rem;
 }
 
-.seo__status__details,
-.seo__status__keywords {
-  margin-bottom: 1rem;
-}
-
 .collapsible__body h4 {
   text-align: center;
   font-weight: bold;

diff --git a/l10n/bundle.l10n.de.json b/l10n/bundle.l10n.de.json
@@ -258,9 +258,6 @@
   "panel.fields.textField.limit": "Feldgrenze erreicht {0}",
   "panel.fields.wrapperField.unknown": "Unbekannter Feldtyp: {0}",
   "panel.actions.title": "Aktionen",
-  "panel.articleDetails.title": "Weitere Details",
-  "panel.articleDetails.type": "Typ",
-  "panel.articleDetails.total": "Gesamt",
   "panel.articleDetails.headings": "Überschriften",
   "panel.articleDetails.paragraphs": "Absätze",
   "panel.articleDetails.internalLinks": "Interne Links",
@@ -299,16 +296,13 @@
   "panel.publishAction.publish": "Veröffentlichen",
   "panel.publishAction.unpublish": "Zurück zu Entwurf",
   "panel.seoDetails.recommended": "Empfohlen",
-  "panel.seoKeywordInfo.density": "Stichwortdichte {0} *",
   "panel.seoKeywordInfo.validInfo.label": "Verwendet in Überschrift(en)",
   "panel.seoKeywordInfo.validInfo.content": "Inhalt",
   "panel.seoKeywords.title": "Stichwörter",
   "panel.seoKeywords.header.keyword": "Stichwort",
   "panel.seoKeywords.header.details": "Details",
-  "panel.seoKeywords.density": "* Eine Stichwortdichte von 1-1,5 % ist in den meisten Fällen ausreichend.",
-  "panel.seoStatus.title": "Empfehlungen",
+  "panel.seoKeywords.density.description": "* Eine Stichwortdichte von 1-1,5 % ist in den meisten Fällen ausreichend.",
   "panel.seoStatus.header.property": "Eigenschaft",
-  "panel.seoStatus.header.length": "Länge",
   "panel.seoStatus.header.valid": "Gültig",
   "panel.seoStatus.seoFieldInfo.characters": "{0} Zeichen",
   "panel.seoStatus.seoFieldInfo.words": "{0} Wörter",

diff --git a/l10n/bundle.l10n.fr.json b/l10n/bundle.l10n.fr.json
@@ -263,9 +263,6 @@
   "panel.fields.textField.limit": "Limite de champ atteinte {0}",
   "panel.fields.wrapperField.unknown": "Type de champ inconnu : {0}",
   "panel.actions.title": "Actions",
-  "panel.articleDetails.title": "Plus de détails",
-  "panel.articleDetails.type": "Type",
-  "panel.articleDetails.total": "Total",
   "panel.articleDetails.headings": "En-têtes",
   "panel.articleDetails.paragraphs": "Paragraphes",
   "panel.articleDetails.internalLinks": "Liens internes",
@@ -304,16 +301,13 @@
   "panel.publishAction.publish": "Publié",
   "panel.publishAction.unpublish": "Retourner au brouillon",
   "panel.seoDetails.recommended": "Recommandé",
-  "panel.seoKeywordInfo.density": "Utilisation du mot clé {0} *",
   "panel.seoKeywordInfo.validInfo.label": "Utilisé dans le ou les en-tête(s)",
   "panel.seoKeywordInfo.validInfo.content": "Contenu",
   "panel.seoKeywords.title": "Mot-clés",
   "panel.seoKeywords.header.keyword": "Mot-clé",
   "panel.seoKeywords.header.details": "Détails",
-  "panel.seoKeywords.density": "* Une densité de mot-clé de 1-1.5% est suffisante dans la plupart des cas",
-  "panel.seoStatus.title": "Recommandations",
+  "panel.seoKeywords.density.description": "* Une densité de mot-clé de 1-1.5% est suffisante dans la plupart des cas",
   "panel.seoStatus.header.property": "Propriété",
-  "panel.seoStatus.header.length": "Longueur",
   "panel.seoStatus.header.valid": "Valide",
   "panel.seoStatus.seoFieldInfo.characters": "{0} caractères",
   "panel.seoStatus.seoFieldInfo.words": "{0} mots",

diff --git a/l10n/bundle.l10n.it.json b/l10n/bundle.l10n.it.json
@@ -263,9 +263,6 @@
   "panel.fields.textField.limit": "Limite di campi raggiunto {0}",
   "panel.fields.wrapperField.unknown": "Tipo di campo sconosciuto: {0}",
   "panel.actions.title": "Azioni",
-  "panel.articleDetails.title": "Più dettagli",
-  "panel.articleDetails.type": "Digitare",
-  "panel.articleDetails.total": "Totale",
   "panel.articleDetails.headings": "Intestazioni",
   "panel.articleDetails.paragraphs": "Paragrafi",
   "panel.articleDetails.internalLinks": "Collegamenti esterni",
@@ -304,16 +301,13 @@
   "panel.publishAction.publish": "Pubblica",
   "panel.publishAction.unpublish": "Tornare alla bozza",
   "panel.seoDetails.recommended": "Raccomandato",
-  "panel.seoKeywordInfo.density": "Utilizzo delle parole chiave {0} *",
   "panel.seoKeywordInfo.validInfo.label": "Utilizzato nelle rubriche",
   "panel.seoKeywordInfo.validInfo.content": "Contenuto",
   "panel.seoKeywords.title": "Parole chiavi",
   "panel.seoKeywords.header.keyword": "Parola chiave",
   "panel.seoKeywords.header.details": "Dettagli",
-  "panel.seoKeywords.density": "* Una densità di parole chiave dell'1-1,5% è sufficiente nella maggior parte dei casi.",
-  "panel.seoStatus.title": "Consigli",
+  "panel.seoKeywords.density.description": "* Una densità di parole chiave dell'1-1,5% è sufficiente nella maggior parte dei casi.",
   "panel.seoStatus.header.property": "Proprietà",
-  "panel.seoStatus.header.length": "Lunghezza",
   "panel.seoStatus.header.valid": "Valido",
   "panel.seoStatus.seoFieldInfo.characters": "{0} caratteri",
   "panel.seoStatus.seoFieldInfo.words": "{0} parole",

diff --git a/l10n/bundle.l10n.ja.json b/l10n/bundle.l10n.ja.json
@@ -438,9 +438,6 @@
 
   "panel.actions.title": "コマンド",
 
-  "panel.articleDetails.title": "詳細",
-  "panel.articleDetails.type": "項目",
-  "panel.articleDetails.total": "数",
   "panel.articleDetails.headings": "見出し",
   "panel.articleDetails.paragraphs": "パラグラフ",
   "panel.articleDetails.internalLinks": "内部リンク",
@@ -489,18 +486,15 @@
 
   "panel.seoDetails.recommended": "推奨",
 
-  "panel.seoKeywordInfo.density": "キーワード出現率 {0} *",
   "panel.seoKeywordInfo.validInfo.label": "見出しへの利用",
   "panel.seoKeywordInfo.validInfo.content": "本文",
 
   "panel.seoKeywords.title": "キーワード",
   "panel.seoKeywords.header.keyword": "キーワード",
   "panel.seoKeywords.header.details": "詳細",
-  "panel.seoKeywords.density": "* キーワード出現率は通常1~1.5%で十分です。",
+  "panel.seoKeywords.density.description": "* キーワード出現率は通常1~1.5%で十分です。",
 
-  "panel.seoStatus.title": "推奨項目",
   "panel.seoStatus.header.property": "項目",
-  "panel.seoStatus.header.length": "長さ",
   "panel.seoStatus.header.valid": "有効",
   "panel.seoStatus.seoFieldInfo.characters": "{0} 文字",
   "panel.seoStatus.seoFieldInfo.words": "{0} 語",

diff --git a/l10n/bundle.l10n.json b/l10n/bundle.l10n.json
@@ -448,9 +448,6 @@
 
   "panel.actions.title": "Actions",
 
-  "panel.articleDetails.title": "More details",
-  "panel.articleDetails.type": "Type",
-  "panel.articleDetails.total": "Total",
   "panel.articleDetails.headings": "Headings",
   "panel.articleDetails.paragraphs": "Paragraphs",
   "panel.articleDetails.internalLinks": "Internal links",
@@ -499,18 +496,17 @@
 
   "panel.seoDetails.recommended": "Recommended",
 
-  "panel.seoKeywordInfo.density": "Keyword usage {0} *",
+  "panel.seoKeywords.density": "Keyword density",
   "panel.seoKeywordInfo.validInfo.label": "Used in heading(s)",
   "panel.seoKeywordInfo.validInfo.content": "Content",
 
   "panel.seoKeywords.title": "Keywords",
   "panel.seoKeywords.header.keyword": "Keyword",
   "panel.seoKeywords.header.details": "Details",
-  "panel.seoKeywords.density": "* A keyword density of 1-1.5% is sufficient in most cases.",
+  "panel.seoKeywords.density.description": "* A keyword density of 1-1.5% is sufficient in most cases.",
 
-  "panel.seoStatus.title": "Recommendations",
+  "panel.seoStatus.title": "Insights",
   "panel.seoStatus.header.property": "Property",
-  "panel.seoStatus.header.length": "Length",
   "panel.seoStatus.header.valid": "Valid",
   "panel.seoStatus.seoFieldInfo.characters": "{0} chars",
   "panel.seoStatus.seoFieldInfo.words": "{0} words",
@@ -589,7 +585,7 @@
   "commands.i18n.createOrOpen.quickPick.category.new": "New translations",
   "commands.i18n.createOrOpen.quickPick.action.create": "Create \"{0}\"",
   "commands.i18n.translate.progress.title": "Translating content...",
-  
+
   "commands.preview.panel.title": "Preview: {0}",
   "commands.preview.askUserToPickFolder.title": "Select the folder of the article to preview",
 

diff --git a/package-lock.json b/package-lock.json