summaryrefslogtreecommitdiff
path: root/ext
diff options
context:
space:
mode:
authorMatttttt <18152455+martholomew@users.noreply.github.com>2024-04-22 16:38:04 +0000
committerGitHub <noreply@github.com>2024-04-22 16:38:04 +0000
commit808ddef82a8eabc77ba20a0da89a392926550e76 (patch)
treefd04053c2f5355ac03828ea5206e3fa6c9a4a6c4 /ext
parent4873a8db20dd3d3efbf4611b455500b0b03efddf (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.css9
-rw-r--r--ext/data/schemas/dictionary-term-bank-v3-schema.json2
-rw-r--r--ext/js/display/structured-content-generator.js2
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);