diff options
author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-06-28 22:19:55 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-06-28 22:19:55 -0400 |
commit | deb2a742edf2ddc741d71fa8a95471cbd4663a4a (patch) | |
tree | 6f9b9513e4928d06d4f1e97224ebad4332b069c6 | |
parent | 1f1a958a71b44e5c6e0dbc0742e007fa5abeca29 (diff) |
Update dictionary image link color (#1778)
-rw-r--r-- | dev/data/structured-content-overrides.css | 6 | ||||
-rw-r--r-- | ext/css/structured-content.css | 5 | ||||
-rw-r--r-- | ext/data/structured-content-style.json | 4 |
3 files changed, 12 insertions, 3 deletions
diff --git a/dev/data/structured-content-overrides.css b/dev/data/structured-content-overrides.css index 31873760..30df3bde 100644 --- a/dev/data/structured-content-overrides.css +++ b/dev/data/structured-content-overrides.css @@ -21,6 +21,12 @@ .gloss-image-link[data-background=true]>.gloss-image-container { /* remove-property background-color */ } +.gloss-image-link { + color: inherit; +} +.gloss-image-link:hover { + /* remove-rule */ +} .gloss-image-container-overlay { font-size: initial; line-height: initial; diff --git a/ext/css/structured-content.css b/ext/css/structured-content.css index 37cfde86..c799e865 100644 --- a/ext/css/structured-content.css +++ b/ext/css/structured-content.css @@ -32,12 +32,15 @@ } .gloss-image-link { cursor: inherit; - color: inherit; + color: var(--accent-color); display: inline-block; position: relative; line-height: 1; max-width: 100%; } +.gloss-image-link:hover { + color: var(--accent-color-dark); +} .gloss-image-link[href]:hover { cursor: pointer; } diff --git a/ext/data/structured-content-style.json b/ext/data/structured-content-style.json index cae7ff9f..ae216abd 100644 --- a/ext/data/structured-content-style.json +++ b/ext/data/structured-content-style.json @@ -17,11 +17,11 @@ "selectors": [".gloss-image-link"], "styles": [ ["cursor", "inherit"], - ["color", "inherit"], ["display", "inline-block"], ["position", "relative"], ["line-height", "1"], - ["max-width", "100%"] + ["max-width", "100%"], + ["color", "inherit"] ] }, { |