Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: previous page button hover style #1044

Merged
merged 3 commits into from
Oct 12, 2022
Merged

Fix: previous page button hover style #1044

merged 3 commits into from
Oct 12, 2022

Conversation

thekaveman
Copy link
Member

@thekaveman thekaveman commented Oct 12, 2022

Closes #1040

Changing the implementation of previous-page-button.html include to inline the SVG left arrow icon (exported from Figma) to make it easier to style on hover. Also simplified the viewmodel helper by moving most attributes to the include directly.

Desktop

Regular

image

Hover

image

Mobile

Regular

image

Hover

image

will make the hover style easier to implement with a single icon

move away from using the button include directly,
simplify viewmodel to move HTML attributes to HTML
@thekaveman thekaveman requested a review from a team as a code owner October 12, 2022 20:27
@github-actions github-actions bot added back-end Django views, sessions, middleware, models, migrations etc. front-end HTML/CSS/JavaScript and Django templates deployment-dev [auto] Changes that will trigger a deploy if merged to dev labels Oct 12, 2022
@thekaveman thekaveman added this to the Courtesy Cards milestone Oct 12, 2022
Copy link
Member

@machikoyasuda machikoyasuda left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Padding should now be padding: 3.5px 2.35px so that the button dimensions are still 130 x 32 when there is a border.

image

image

Everything else looks good to me.

@thekaveman
Copy link
Member Author

@machikoyasuda thank you, updated in a21a376

@thekaveman thekaveman merged commit f4a8b13 into dev Oct 12, 2022
@thekaveman thekaveman deleted the fix/prev-hover-style branch October 12, 2022 21:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
back-end Django views, sessions, middleware, models, migrations etc. deployment-dev [auto] Changes that will trigger a deploy if merged to dev front-end HTML/CSS/JavaScript and Django templates
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Desktop: Previous Page Button hover color
2 participants