diff options
author | Matttttt <18152455+martholomew@users.noreply.github.com> | 2024-04-22 16:38:04 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-04-22 16:38:04 +0000 |
commit | 808ddef82a8eabc77ba20a0da89a392926550e76 (patch) | |
tree | fd04053c2f5355ac03828ea5206e3fa6c9a4a6c4 /ext | |
parent | 4873a8db20dd3d3efbf4611b455500b0b03efddf (diff) |
Added Details and Summary tags to Structured Content (#842)
* add details and summary tags
* fixed css test
---------
Co-authored-by: martholomew <martholomew@users.noreply.github.com>
Diffstat (limited to 'ext')
-rw-r--r-- | ext/css/structured-content.css | 9 | ||||
-rw-r--r-- | ext/data/schemas/dictionary-term-bank-v3-schema.json | 2 | ||||
-rw-r--r-- | ext/js/display/structured-content-generator.js | 2 |
3 files changed, 12 insertions, 1 deletions
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); |