mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
d55e0f70d9
As an intermediate step on the path to merging jitsi-meet and
jitsi-meet-react, import the whole source code of jitsi-meet-react as it
stands at
2f23d98424
i.e. the lastest master at the time of this import. No modifications are
applied to the imported source code in order to preserve a complete
snapshot of it in the repository of jitsi-meet and, thus, facilitate
comparison later on. Consequently, the source code of jitsi-meet and/or
jitsi-meet-react may not work. For example, jitsi-meet's jshint may be
unable to parse jitsi-meet-react's source code.
24 lines
885 B
JavaScript
24 lines
885 B
JavaScript
/**
|
|
* Shim style properties to work correctly on Web.
|
|
*
|
|
* Some generic properties used by react-native for styling require additional
|
|
* style fields to be included in order to work on Web. For example, setting the
|
|
* `flex` property to control the flexbox layout also requires setting the
|
|
* `display` property to `flexbox` for the `flex` style to take effect.
|
|
*
|
|
* Using this shimStyles method allows us to minimize the number of style
|
|
* declarations that need to be set or overridden for specific platforms.
|
|
*
|
|
* @param {Object} styles - A dictionary of named style definitions.
|
|
* @returns {Object}
|
|
*/
|
|
export function shimStyles(styles) {
|
|
// The flexbox layout must be explicitly chosen on Web by assigning flex to
|
|
// display. This way the React Native styles can be reused on Web.
|
|
if (styles.flex) {
|
|
styles.display = 'flex';
|
|
}
|
|
|
|
return styles;
|
|
}
|