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

Pagination: responsive part round 2 #1931

Open
wants to merge 36 commits into
base: main
Choose a base branch
from

Conversation

louismaximepiton
Copy link
Member

@louismaximepiton louismaximepiton commented Mar 29, 2023

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

Superseed #1370.

Description

Add something to handle the mobile responsive part

Motivation & Context

Follow the Orange brand.

Types of change

  • New feature (non-breaking change which adds functionality)

Live previews

Checklist

Contribution

Accessibility

  • My change follows accessibility good practices; I have at least run axe

Design

  • My change respects the design guidelines defined in Orange Design System
  • My change is compatible with responsive display

Development

  • My change follows the developer guide
  • (NA) I have added JavaScript unit tests to cover my changes
  • (NA) I have added SCSS unit tests to cover my changes

Documentation

  • My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

  • My change introduces changes to the migration guide
  • (NA) My new component is added in Storybook
  • (NA) My new component is compatible with RTL
  • Manually run BrowserStack tests
  • Manually test browser compatibility with BrowserStack (Chrome >= 60, Firefox >= 60 (+ ESR), Edge, Safari >= 12, iOS Safari, Chrome & Firefox on Android) -> Is well for: Chrome 88+, FF 84+, Edge 88+, Safari 12+, phones, apprently due to :not but already used almost everywhere and should be supported by all browser, I might have done something wrong in here. (https://developer.mozilla.org/en-US/docs/Web/CSS/:not#browser_compatibility)
  • Code review
  • Design review
  • A11y review

After the merge

Copy link
Contributor

@MewenLeHo MewenLeHo left a comment

Choose a reason for hiding this comment

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

Possible a11y issue, need to check with our experts.

@louismaximepiton louismaximepiton added this to In progress in 🟣 Sprint 20 - April/May 2023 via automation Apr 6, 2023
@louismaximepiton louismaximepiton moved this from In progress to In review in 🟣 Sprint 20 - April/May 2023 Apr 6, 2023
Copy link
Contributor

@MewenLeHo MewenLeHo left a comment

Choose a reason for hiding this comment

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

🚀

🟣 PR Board (Draft) automation moved this from Need Dev Review to Need Design &/or Accessibility Review Apr 18, 2023
@Aniort Aniort self-requested a review April 21, 2023 14:07
Copy link
Contributor

@Aniort Aniort left a comment

Choose a reason for hiding this comment

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

As @MewenLeHo says, there content conveying info display via CSS (< and >) it's a n issue
add a real icon with an aria-hidden=true

@Aniort Aniort self-requested a review April 21, 2023 14:21
Copy link
Contributor

@Aniort Aniort left a comment

Choose a reason for hiding this comment

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

see my comment before

@louismaximepiton
Copy link
Member Author

Will be taken into account with #2008.

@julien-deramond julien-deramond added this to In progress in 🟣 Sprint 21 - June 2023 via automation Jun 5, 2023
@julien-deramond julien-deramond moved this from In progress to In review in 🟣 Sprint 21 - June 2023 Jun 5, 2023
@sonarcloud
Copy link

sonarcloud bot commented Jul 3, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@Franco-Riccitelli
Copy link

The third example for pagination Responsive behaviour looks and behaves as specified. No issues.

@julien-deramond julien-deramond added this to In progress in 🟣 Sprint 22 - Jul-Aug 2023 via automation Sep 4, 2023
@julien-deramond julien-deramond moved this from In progress to In Review in 🟣 Sprint 22 - Jul-Aug 2023 Sep 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Need Lead Dev Review
Development

Successfully merging this pull request may close these issues.

None yet

5 participants