Repository navigation
Conversation
| outline: none !important; | ||
| box-shadow: inset 0 0 0 3px var(--focus-color) !important; | ||
| } | ||
| .autocomplete-result a .row + .row { |
There was a problem hiding this comment.
Not sure if this is the best way to set the margin. Maybe you could give a custom CSS class (e.g. class="result-distinguisher" to the div and then style it via that class?
Codecov Report❌ Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## main #2135 +/- ##
============================================
- Coverage 70.99% 70.63% -0.37%
- Complexity 1723 1730 +7
============================================
Files 34 34
Lines 4479 4560 +81
============================================
+ Hits 3180 3221 +41
- Misses 1299 1339 +40 ☔ View full report in Codecov by Harness. 🚀 New features to boost your workflow:
|
The indentation of the distinguisher information is intentional, as it creates a visual hierarchy between the search results and the additional context information. Skosmos 2.18 used to line the text on the same vertical alignment, but with different font sizes, 14px and 12px (0.88 and 0.75 rem). I'll ask around for opinions, while I write the tests for API and front end. I agree, giving the context information styling via class designation is a better CSS structure. |

Reasons for creating this PR
This PR repearts the functionality that was done in Skosmos 2 in PR #1380 (credit @kouralex ), as implementing this in Skosmos 3 has been requested.
Link to relevant issue(s), if any
Description of the changes in this PR
When a vocabulary is configured to distinguish between duplicate labels, Skosmos will display the context information in autocomplete search results.
Example configuration would be something like this for the vocabulary object in config.ttl:
skosmos:resultDistinguisher "<http://www.w3.org/2004/02/skos/core#broader>|<http://purl.org/dc/terms/source>";Known problems or uncertainties in this PR
Checklist
.sr-onlyclass, color contrast)Disclosure of AI Tool Usage
Describe the AI tool(s) you used: