diff --git a/static/scenes/modvil/elements/modvil-tracker-photo.js b/static/scenes/modvil/elements/modvil-tracker-photo.js index 4633d9c54..b9b027581 100644 --- a/static/scenes/modvil/elements/modvil-tracker-photo.js +++ b/static/scenes/modvil/elements/modvil-tracker-photo.js @@ -56,12 +56,12 @@ class ModvilTrackerPhotoElement extends LitElement { render() { return html` -
+ `; } } diff --git a/static/scenes/modvil/elements/modvil-tracker-photo.scss b/static/scenes/modvil/elements/modvil-tracker-photo.scss index 703d1b9c9..32a2369ae 100644 --- a/static/scenes/modvil/elements/modvil-tracker-photo.scss +++ b/static/scenes/modvil/elements/modvil-tracker-photo.scss @@ -28,6 +28,9 @@ position: relative; transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out; overflow: hidden; + display: block; + color: inherit; + text-decoration: none; &::after { content: ''; @@ -53,6 +56,11 @@ :host([destroy]) & { transform: translateY(0) scale(0); } + + // Show underline on the text when the parent card (.inner) is hovered + &:hover>.attribution>span { + text-decoration: underline; + } } .attribution { @@ -72,16 +80,12 @@ align-items: flex-end; justify-content: space-between; - a { + span { color: inherit; text-decoration: none; padding: 0 10px 8.5px; flex-grow: 100; - &[href]:hover { - text-decoration: underline; - } - &::after { // big click target content: '';