Skip to content
This repository has been archived by the owner on Jan 6, 2025. It is now read-only.

feat(breakpoints): support custom breakpoints and enhanced selectors #204

Merged
merged 1 commit into from
Mar 14, 2017

Conversation

ThomasBurleson
Copy link
Contributor

@ThomasBurleson ThomasBurleson commented Mar 4, 2017

  • Modify providers to support global services for MediaMonitor and ObservableMonitor
    • uses PROVIDER_FACTORY solutions to check for parent/global instance
  • Add FlexLayoutModule.provideBreakPoints() to easily
    • add custom breakpoints to defaults
    • add orientation breakpoints to defaults
    • replace defaults with custom breakpoints
  • Add extended breakpoints from Material 2:
    • implementat breakpoints for handset, tablet, web
    • implementation breakpoints with orientations for Portrait and Landscape
  • Deprecated responsive uses of class.<xx> and style.<xx> selectors
    • Developers should use ngClass.<xx> and ngStyle.<xxx> selectors
  • Add selectors for lt-sm, lt-md, lt-lg, lt-xl
    • update mock-match-media fallback rules
  • Update ObservableMedia and MediaMonitor to use orientation breakpoints
    • also support custom breakpoints (if registered)

@ThomasBurleson ThomasBurleson force-pushed the thomas/custom_breakpoints branch 7 times, most recently from 2c8d26b to 75e56d8 Compare March 10, 2017 04:21
@ThomasBurleson ThomasBurleson force-pushed the thomas/custom_breakpoints branch 2 times, most recently from e467aa1 to 1e29dfb Compare March 10, 2017 04:27
@ThomasBurleson ThomasBurleson force-pushed the thomas/custom_breakpoints branch 3 times, most recently from a027220 to ecce009 Compare March 10, 2017 20:08
@ThomasBurleson ThomasBurleson force-pushed the thomas/custom_breakpoints branch 5 times, most recently from 71a6f36 to 968a6a2 Compare March 11, 2017 23:54
* Modify providers to support global services for MediaMonitor and ObservableMonitor
  * uses PROVIDER_FACTORY solutions to check for parent/global instance
* Add **FlexLayoutModule.provideBreakPoints()** to easily
  * add custom breakpoints to defaults
  * add orientation breakpoints to defaults
  * replace defaults with custom breakpoints
* Add extended breakpoints from Material 2:
  * implementat breakpoints for **handset**, **tablet**, **web**
  * implementation breakpoints with orientations for *Portrait* and *Landscape*
* Deprecated responsive uses of `class.<xx>` and `style.<xx>` selectors
  * Developers should use **`ngClass.<xx>`** and **`ngStyle.<xxx>`** selectors
* Add selectors for **`lt-sm`**, **`lt-md`**, **`lt-lg`**, **`lt-xl`**
  * update mock-match-media fallback rules
* Update **ObservableMedia** and **MediaMonitor** to use orientation breakpoints
  * also support custom breakpoints (if registered)
@ThomasBurleson ThomasBurleson force-pushed the thomas/custom_breakpoints branch from 968a6a2 to b574c15 Compare March 14, 2017 18:18
@mmalerba mmalerba merged commit ecc6e51 into master Mar 14, 2017
@ThomasBurleson ThomasBurleson deleted the thomas/custom_breakpoints branch March 30, 2017 23:28
karlhaas pushed a commit to karlhaas/flex-layout that referenced this pull request May 3, 2017
…ngular#204)

* Modify providers to support global services for MediaMonitor and ObservableMonitor
  * uses PROVIDER_FACTORY solutions to check for parent/global instance
* Add **FlexLayoutModule.provideBreakPoints()** to easily
  * add custom breakpoints to defaults
  * add orientation breakpoints to defaults
  * replace defaults with custom breakpoints
* Add extended breakpoints from Material 2:
  * implementat breakpoints for **handset**, **tablet**, **web**
  * implementation breakpoints with orientations for *Portrait* and *Landscape*
* Deprecated responsive uses of `class.<xx>` and `style.<xx>` selectors
  * Developers should use **`ngClass.<xx>`** and **`ngStyle.<xxx>`** selectors
* Add selectors for **`lt-sm`**, **`lt-md`**, **`lt-lg`**, **`lt-xl`**
  * update mock-match-media fallback rules
* Update **ObservableMedia** and **MediaMonitor** to use orientation breakpoints
  * also support custom breakpoints (if registered)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants