Max Width Media Query

[tpreusse]

Describe the bug

Starting with v2.1.2 (max-width) media queries seem not to work any more. For our A5 PDF we use the following which is no longer applied:

const styles = StyleSheet.create({
  center: {
    paddingHorizontal: 90,
    '@media max-width: 420': {
      paddingHorizontal: 0
    }
  }
})

To Reproduce

1. Use a max-width: 420 media query with page size A5
2. Visually verify that it is not applied

REPL Example

Expected behavior

The max-width media query should take effect and modify the applied style.

Desktop:

• OS: macOS
• React-pdf version: 2.1.2 and 2.2.0

[diegomura]

Thanks for reporting this @tpreusse ! So good to see your name around 😄
Also very glad to see you are using v2. How did it work for you. Last time we talk I think you were on v1

[tpreusse]

Thank you for the quick fix 🎉

We upgraded last summer and went quite smoothly. Let's catch up soon.

[diegomura]

Glad to hear that @tpreusse !!
Yes please! Let's catch up soon