diff options
Diffstat (limited to 'ext')
| -rw-r--r-- | ext/mixed/css/display.css | 16 | ||||
| -rw-r--r-- | ext/mixed/js/display-generator.js | 10 | 
2 files changed, 14 insertions, 12 deletions
| diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css index 325cc8e7..808306ca 100644 --- a/ext/mixed/css/display.css +++ b/ext/mixed/css/display.css @@ -233,7 +233,7 @@ button.action-button {      border-top-style: solid;  } -.entry[data-type=term][data-multi-expression=true] .actions>.action-play-audio { +.entry[data-type=term][data-expression-multi=true]:not([data-expression-count="1"]) .actions>.action-play-audio {      display: none;  } @@ -280,11 +280,11 @@ button.action-button {      content: "\3001";  } -.term-expression-list[data-multi=true] .term-expression-details { +.term-expression-list[data-multi=true]:not([data-count="1"]) .term-expression-details {      visibility: hidden;  } -.term-expression-list[data-multi=true] .term-expression-details { +.term-expression-list[data-multi=true]:not([data-count="1"]) .term-expression-details {      display: inline-block;      position: relative;      width: 0; @@ -292,21 +292,21 @@ button.action-button {      visibility: hidden;  } -.term-expression-list[data-multi=true] .term-expression:hover .term-expression-details { +.term-expression-list[data-multi=true]:not([data-count="1"]) .term-expression:hover .term-expression-details {      visibility: visible;  } -.term-expression-list[data-multi=true] .term-expression-details>.action-play-audio { +.term-expression-list[data-multi=true]:not([data-count="1"]) .term-expression-details>.action-play-audio {      position: absolute;      left: 0;      bottom: 0.5em;  } -.term-expression-list[data-multi=true] .term-expression-details>.action-play-audio { +.term-expression-list[data-multi=true]:not([data-count="1"]) .term-expression-details>.action-play-audio {      display: block;  } -.term-expression-list[data-multi=true] .term-expression-details>.tags { +.term-expression-list[data-multi=true]:not([data-count="1"]) .term-expression-details>.tags {      display: block;      position: absolute;      left: 0; @@ -314,7 +314,7 @@ button.action-button {      white-space: nowrap;  } -.term-expression-list[data-multi=true] .term-expression-details>.frequencies { +.term-expression-list[data-multi=true]:not([data-count="1"]) .term-expression-details>.frequencies {      display: block;      position: absolute;      left: 0; diff --git a/ext/mixed/js/display-generator.js b/ext/mixed/js/display-generator.js index 8eb699e0..63e7a8b5 100644 --- a/ext/mixed/js/display-generator.js +++ b/ext/mixed/js/display-generator.js @@ -63,11 +63,13 @@ class DisplayGenerator {          const definitionsContainer = node.querySelector('.term-definition-list');          const debugInfoContainer = node.querySelector('.debug-info'); -        const multiExpression = Array.isArray(details.expressions); -        const multiDefinition = Array.isArray(details.definitions); +        const expressionMulti = Array.isArray(details.expressions); +        const definitionMulti = Array.isArray(details.definitions); -        node.dataset.multiExpression = `${multiExpression}`; -        node.dataset.multiDefinition = `${multiDefinition}`; +        node.dataset.expressionMulti = `${expressionMulti}`; +        node.dataset.definitionMulti = `${definitionMulti}`; +        node.dataset.expressionCount = `${expressionMulti ? details.expressions.length : 1}`; +        node.dataset.definitionCount = `${definitionMulti ? details.definitions.length : 1}`;          DisplayGenerator._appendMultiple(expressionsContainer, this.createTermExpression.bind(this), details.expressions, [details]);          DisplayGenerator._appendMultiple(reasonsContainer, this.createTermReason.bind(this), details.reasons); |