From 808ddef82a8eabc77ba20a0da89a392926550e76 Mon Sep 17 00:00:00 2001 From: Matttttt <18152455+martholomew@users.noreply.github.com> Date: Mon, 22 Apr 2024 16:38:04 +0000 Subject: Added Details and Summary tags to Structured Content (#842) * add details and summary tags * fixed css test --------- Co-authored-by: martholomew --- ext/css/structured-content.css | 9 +++++++++ ext/data/schemas/dictionary-term-bank-v3-schema.json | 2 +- ext/js/display/structured-content-generator.js | 2 ++ 3 files changed, 12 insertions(+), 1 deletion(-) (limited to 'ext') diff --git a/ext/css/structured-content.css b/ext/css/structured-content.css index 532f1e54..2cb3fafe 100644 --- a/ext/css/structured-content.css +++ b/ext/css/structured-content.css @@ -254,3 +254,12 @@ display: inline; color: var(--text-color-light3); } +.gloss-sc-details { + cursor: pointer; + padding-left: var(--list-padding2); + border-top: calc(1em / var(--font-size-no-units)) solid var(--medium-border-color); + border-bottom: calc(1em / var(--font-size-no-units)) solid var(--medium-border-color); +} +.gloss-sc-summary { + list-style-position: outside; +} diff --git a/ext/data/schemas/dictionary-term-bank-v3-schema.json b/ext/data/schemas/dictionary-term-bank-v3-schema.json index 40a326f6..47305177 100644 --- a/ext/data/schemas/dictionary-term-bank-v3-schema.json +++ b/ext/data/schemas/dictionary-term-bank-v3-schema.json @@ -104,7 +104,7 @@ "properties": { "tag": { "type": "string", - "enum": ["span", "div", "ol", "ul", "li"] + "enum": ["span", "div", "ol", "ul", "li", "details", "summary"] }, "content": { "$ref": "#/definitions/structuredContent" diff --git a/ext/js/display/structured-content-generator.js b/ext/js/display/structured-content-generator.js index a7fd9f3d..f3b0890e 100644 --- a/ext/js/display/structured-content-generator.js +++ b/ext/js/display/structured-content-generator.js @@ -275,6 +275,8 @@ export class StructuredContentGenerator { case 'ol': case 'ul': case 'li': + case 'details': + case 'summary': return this._createStructuredContentElement(tag, content, dictionary, language, 'simple', true, true); case 'img': return this.createDefinitionImage(content, dictionary); -- cgit v1.2.3