diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2022-03-17 19:01:59 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-17 19:01:59 -0400 |
| commit | 7a2ab866099edffaba471ad808593f67ee796b21 (patch) | |
| tree | ddfe746ed76e16d80e0ac6e3029e2bc1049544d2 /ext/css | |
| parent | 8aa060337cea2bb8fce7864d509d07df4688f1c2 (diff) | |
Structured content links (#2089)
* Update CSS to JSON converter to generalize the remove-property comment
* Fix navigation not being updated when _clearContent is run
* Add structured content schema for link tags
* Add test links
* Add external-link icon
* Pass Display instance to DisplayContentManager
* Update structured content generation
* Update link styles
Diffstat (limited to 'ext/css')
| -rw-r--r-- | ext/css/material.css | 1 | ||||
| -rw-r--r-- | ext/css/structured-content.css | 15 |
2 files changed, 16 insertions, 0 deletions
diff --git a/ext/css/material.css b/ext/css/material.css index 55ed13e6..4d8eda51 100644 --- a/ext/css/material.css +++ b/ext/css/material.css @@ -275,6 +275,7 @@ body { .icon[data-icon=tag] { --icon-image: url(/images/tag.svg); } .icon[data-icon=accessibility] { --icon-image: url(/images/accessibility.svg); } .icon[data-icon=connection] { --icon-image: url(/images/connection.svg); } +.icon[data-icon=external-link] { --icon-image: url(/images/external-link.svg); } .icon[data-icon=material-down-arrow] { --icon-image: url(/images/material-down-arrow.svg); --icon-size: var(--material-arrow-dimension2) var(--material-arrow-dimension1); diff --git a/ext/css/structured-content.css b/ext/css/structured-content.css index 092d9e7c..485527e5 100644 --- a/ext/css/structured-content.css +++ b/ext/css/structured-content.css @@ -198,6 +198,21 @@ } +/* Links */ +.gloss-link-text { + vertical-align: middle; +} +.gloss-link-external-icon { + display: inline-block; + vertical-align: middle; + width: calc(16em / var(--font-size-no-units)); + height: calc(16em / var(--font-size-no-units)); + margin-left: 0.25em; + background-color: var(--link-color); + position: relative; +} + + /* Structured content glossary styles */ .gloss-sc-table-container { display: block; |