cbgaindia / ckanext-openbudgetsin_theme

Custom CKAN theme extension for Open Budgets India
https://openbudgetsindia.org/
MIT License
4 stars 0 forks source link

Remove scale effect on hover to avoid heading and content misalignment #72

Closed vrnpi closed 3 years ago

vrnpi commented 3 years ago

The dashboard heading is accurate in the sense that it accounts for the left padding. And although the code is the same for all other headings, the headings for all other sections are misaligned.

Misaligned 'key features' and 'budget basics' headings

This misalignment has happened because of trying to compensate for the scale effect on hover. We should remove the scaling effect on hover until we figure out a solution that doesn't cause the headings of the different sections to be misaligned.

shivamragnar commented 3 years ago

This is one screen shot from the design Screenshot from 2020-11-11 16-02-29

vrnpi commented 3 years ago

@shivamragnar I've resolved the spacing issue for 'key feature' cards not having the same padding as the other cards. I've changed the hover state to be more consistent with the other sections as well. You can find all the changes here, https://www.figma.com/file/b1T3AFvt6rpHrPRDimloXJ/home-page?node-id=175%3A1671

shivamragnar commented 3 years ago

@vrnpi Please check the staging server and let me know if it is still there. If not please close the issue.

vrnpi commented 3 years ago

Closing the issue