-
Notifications
You must be signed in to change notification settings - Fork 54
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
Update |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@@ -33,6 +33,8 @@ const eightOfTwelveColumnsMaxScaleable = `66.67%`; | |||
// (8 / 12) * 100 = 66.6666666667 = 66.67% | |||
|
|||
const StoryPromoWrapper = styled.div` | |||
position: relative; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What's the reason this is needed for?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ahhh is it part of faux block link?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
That is used to make the faux block link
pattern work. If you don't apply it the clickable area is everything and not just the StoryPromoWrapper
.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍
LGTM. Happy for this to be merged. |
Resolves #475 and #519
Overall change:
Add Link to the Story Promo component.
Code changes:
Link
styled componentfocus
,hover
andvisited
statesfaux block link
pattern to make the entireStoryPromo
a link