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

SpecialReportAlt improvements / visual bug fixes #26018

Merged
merged 2 commits into from
Mar 27, 2023

Conversation

ioannakok
Copy link
Contributor

@ioannakok ioannakok commented Mar 27, 2023

What does this change?

Fixes a couple of visual bugs for SpecialReportAlt. See comments for screenshots.

Does this change need to be reproduced in dotcom-rendering ?

  • No. DCR as it has storybook so these bugs were never introduced. See relevant PR.
  • Yes (please indicate your plans for DCR Implementation)

Screenshots

What is the value of this and can you measure success?

Checklist

Does this affect other platforms?

  • AMP
  • Apps
  • Other (please specify)

Does this affect GLabs Paid Content Pages? Should it have support for Paid Content?

  • No
  • Yes (please give details)

Does this change break ad-free?

  • No
  • It did, but tests caught it and I fixed it
  • It did, but there was no test coverage so I added that then fixed it

Does this change update the version of CAPI we're using?

Accessibility test checklist

Tested

  • Locally
  • On CODE (optional)

.fc-sublinks {
.fc-sublink__title {
&:before {
border-top: 1px solid rgba(118, 118, 118, .3);
Copy link
Contributor Author

@ioannakok ioannakok Mar 27, 2023

Choose a reason for hiding this comment

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

Before After
image image

.fc-item__timestamp,
.fc-trail__count--commentcount {
background-color: transparent;
}
Copy link
Contributor Author

@ioannakok ioannakok Mar 27, 2023

Choose a reason for hiding this comment

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

Before After
image image

@ioannakok ioannakok force-pushed the ioanna/fix-sublinks-before-gray branch from 460ea67 to 9d5e720 Compare March 27, 2023 10:44
.fc-item.fc-item--type-comment.fc-item--pillar-news {
&.fc-item--type-comment {
.fc-item__container.u-faux-block-link--hover {
background-color: darken($special-report-alt-pastel, 5%);
Copy link
Contributor Author

@ioannakok ioannakok Mar 27, 2023

Choose a reason for hiding this comment

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

Before After
image image

These two issues with the fc-item--type-comment exist in all the palettes. We possibly haven't noticed them because the issues go away once a special report or special report alt tag is added to the article. For the purposes of SpecialReportAlt, I am fixing the avatar background for all the palettes and the hover state only for SpecialReportAltPalette.

@ioannakok ioannakok changed the title Ioanna/fix sublinks before gray SpecialReportAlt improvements / visual bug fixes Mar 27, 2023
@ioannakok ioannakok marked this pull request as ready for review March 27, 2023 11:25
@ioannakok ioannakok requested a review from a team as a code owner March 27, 2023 11:25
Copy link
Contributor

@HarryFischer HarryFischer left a comment

Choose a reason for hiding this comment

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

👍

@prout-bot
Copy link
Collaborator

Overdue on FRONTS-PROD, ADMIN-PROD (merged by @ioannakok 31 minutes and 56 seconds ago) What's gone wrong?

@prout-bot
Copy link
Collaborator

Seen on FRONTS-PROD, ADMIN-PROD (merged by @ioannakok 38 minutes and 33 seconds ago)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants