react/features/base/responsive-ui/components/styles.js

import { createStyleSheet } from '../../styles';

/**
 * The styles of the feature base/responsive-ui.
 */
export default createStyleSheet({
    /**
     * The style of {@link DimensionsDetector} used on react-native.
     */
    dimensionsDetector: {
        alignSelf: 'stretch',
        flex: 1
    }
});
Coding style 2017-11-07 08:28:08 -06:00			`import { createStyleSheet } from '../../styles';`
feat: display filmstrip on the short side Adds the ability to detect app area's aspect ratio on react-native through the features/base/aspect-ratio. Makes conference, filmstrip and toolbox react to the aspect ratio changes and display filmstrip on the shorter side of the screen. 2017-10-13 11:13:46 -05:00
			`/**`
Finally! Let there be... responsive-ui! 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. 2018-02-06 12:14:05 -06:00			`* The styles of the feature base/responsive-ui.`
feat: display filmstrip on the short side Adds the ability to detect app area's aspect ratio on react-native through the features/base/aspect-ratio. Makes conference, filmstrip and toolbox react to the aspect ratio changes and display filmstrip on the shorter side of the screen. 2017-10-13 11:13:46 -05:00			`*/`
			`export default createStyleSheet({`
			`/**`
[RN] Refactor AspectRatioDetector Factor out the dimensions detection login into a DimensionsDetector component. 2018-02-02 13:21:14 +01:00			`* The style of {@link DimensionsDetector} used on react-native.`
feat: display filmstrip on the short side Adds the ability to detect app area's aspect ratio on react-native through the features/base/aspect-ratio. Makes conference, filmstrip and toolbox react to the aspect ratio changes and display filmstrip on the shorter side of the screen. 2017-10-13 11:13:46 -05:00			`*/`
[RN] Refactor AspectRatioDetector Factor out the dimensions detection login into a DimensionsDetector component. 2018-02-02 13:21:14 +01:00			`dimensionsDetector: {`
feat: display filmstrip on the short side Adds the ability to detect app area's aspect ratio on react-native through the features/base/aspect-ratio. Makes conference, filmstrip and toolbox react to the aspect ratio changes and display filmstrip on the shorter side of the screen. 2017-10-13 11:13:46 -05:00			`alignSelf: 'stretch',`
			`flex: 1`
Coding style 2017-11-07 08:28:08 -06:00			`}`
feat: display filmstrip on the short side Adds the ability to detect app area's aspect ratio on react-native through the features/base/aspect-ratio. Makes conference, filmstrip and toolbox react to the aspect ratio changes and display filmstrip on the shorter side of the screen. 2017-10-13 11:13:46 -05:00			`});`