-
Notifications
You must be signed in to change notification settings - Fork 3
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
UHF-8670 Hero image author #1051
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.
Looks quite good, but I did find some potential issues.
} | ||
|
||
.hero__image-author { | ||
position: absolute; |
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.
…ttributes for the figcaption.
…as the "Arrow" design element will hide the on mobile width.
// Hero image author styles. | ||
.hero__image-author { | ||
// Arrow element width. | ||
margin-left: 100px; |
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.
Instead of a comment I'd put this value into a descriptive css variable (custom property) like --arrow-element-width: 100px
, so that I could use it both in the regular and in the [dir="rtl"] cases.
… text-align:end doesn't work in our case. The fallback language [dir=ltr] will make the text appear on the 'wrong' side.
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.
Works as it should, Approved! 🌹
UHF-8670
What was done
How to install
git pull origin dev
make fresh
composer require drupal/helfi_platform_config:dev-UHF-8670 drupal/hdbt:dev-UHF-8670
make drush-updb drush-cr
How to test
Go to some page with Hero and check that the image author text has appeared. See screenshot below.
Check that code follows our standards
Continuous documentation
Translations
Other PRs