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

Add suppressImages prop #1672

Merged
merged 7 commits into from
Oct 8, 2024
Merged

Add suppressImages prop #1672

merged 7 commits into from
Oct 8, 2024

Conversation

Georges-GNM
Copy link
Contributor

@Georges-GNM Georges-GNM commented Sep 30, 2024

What's changed?

Part of this ticket: we are adding a new container with two variations - one with all images suppressed and one with optional images (including cutouts).

This requires adding a property to a collection's config (by way of this new facia-scala-client release) which will be subsequently used to determine if a collection shows images or not.

Implementation notes

A subsequent PR will properly implement the property (so that, e.g. the image gets faded), but for the moment we're satisfied with displaying as:

image

Checklist

General

  • 🤖 Relevant tests added
  • ✅ CI checks / tests run locally
  • 🔍 Checked on CODE

Client

  • 🚫 No obvious console errors on the client (i.e. React dev mode errors)
  • 🎛️ No regressions with existing user interactions (i.e. all existing buttons, inputs etc. work)
  • 📷 Screenshots / GIFs of relevant UI changes included

cemms1
cemms1 previously approved these changes Sep 30, 2024
@Georges-GNM Georges-GNM changed the title Add suppressImages prop to frontsToolSettings Add suppressImages prop Oct 1, 2024
@Georges-GNM Georges-GNM dismissed cemms1’s stale review October 1, 2024 14:42

Changing approach

@Georges-GNM Georges-GNM marked this pull request as ready for review October 3, 2024 15:08
@Georges-GNM Georges-GNM requested a review from a team as a code owner October 3, 2024 15:08
@@ -279,6 +279,11 @@
<label for="frontsToolSettings.displayEditWarning">Display edit warning</label>
<input id="hideShowMore" type="checkbox" data-bind="checked: meta.frontsToolSettings.displayEditWarning" />

<!-- ko if: meta.type() === 'scrollable/small' -->
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I've limited it to scrollable small here - I guess we'll want it for scrollable medium too? Will have another PR for some more changes to make in this file, so could update then.

Copy link
Contributor

Choose a reason for hiding this comment

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

Let's keep in scrollable small for now. This may be required on other containers but will confirm what's wanted before we do

@@ -279,6 +279,11 @@
<label for="frontsToolSettings.displayEditWarning">Display edit warning</label>
<input id="hideShowMore" type="checkbox" data-bind="checked: meta.frontsToolSettings.displayEditWarning" />

<!-- ko if: meta.type() === 'scrollable/small' -->
Copy link
Contributor

Choose a reason for hiding this comment

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

Let's keep in scrollable small for now. This may be required on other containers but will confirm what's wanted before we do

@Georges-GNM Georges-GNM merged commit d784ece into main Oct 8, 2024
12 checks passed
@Georges-GNM Georges-GNM deleted the gl/add-suppress-images-prop branch October 8, 2024 08:48
@prout-bot
Copy link

Seen on PROD (merged by @Georges-GNM 9 minutes and 48 seconds ago) Please check your changes!

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