c9d8b5c827
We started on the way to responsive UI and its design with aspect ratio and keeping the filmstrip on the short side of the app's visible rectangle. Shortly, we're going to introduce reduced UI for Picture-in-Picture. And that's where we'll need another dimensions-based detector akin to the aspect ratio detector. While the AspectRatioDetector, the up-and-coming ReducedUIDetector, and their base DimensionsDetector are definitely separate abstractions and implementations not mixed for the purposes of easy extensibility and maintenance, the three of them are our building blocks on top of which we'll build our responsive UI.
16 lines
472 B
JavaScript
16 lines
472 B
JavaScript
/**
|
|
* The aspect ratio constant which indicates that the width (of whatever the
|
|
* aspect ratio constant is used for) is smaller than the height.
|
|
*
|
|
* @type {Symbol}
|
|
*/
|
|
export const ASPECT_RATIO_NARROW = Symbol('ASPECT_RATIO_NARROW');
|
|
|
|
/**
|
|
* The aspect ratio constant which indicates that the width (of whatever the
|
|
* aspect ratio constant is used for) is larger than the height.
|
|
*
|
|
* @type {Symbol}
|
|
*/
|
|
export const ASPECT_RATIO_WIDE = Symbol('ASPECT_RATIO_WIDE');
|