mattermost-mobile/app/constants
Amit Uttam 66a6e5c932 [MM-10813] Design update for Post attachments (#3511)
* [MM-10813] Design update for Post attachments

Fixes https://github.com/mattermost/mattermost-server/issues/12841

* Updated visual treatment for Post attachments (images, documents, videos)
* Grouped image attachments, expanding to fit Post width dimension
* Itemized listing of non-image attachments
* Special handling of "small" image attachments (<48 point width/height)

* Set attachment post width to max width of portrait orientation

Accounts for post display offset and extra spacing used for rendering post replies.

* Use available Post real estate: flex: 1 instead of width 100%

* Image spacing responsibility: AttachmentList -> AttachmentImage

* Fit download progress circle correctly over new attachment icons

* Layers progress circle over the icon, rather than under.
* Uses offset constant as far as possible, rather than fixed point spaces.

* Refactor props and 'more' counting for image file attachment(s)

* Implement conditional gutter between image attachments

Flex's `justifyContent: space-between` won't work in this case because of the use of `absoluteFill` and `paddingBottom: 100%` in the box placeholder for an image attachment to auto-fill *all* available flex space.

* Additional snapshots for Post file attachment scenarios

* Use new 'text' icon for text files (.txt, .rtf)

Depends on https://github.com/mattermost/mattermost-redux/pull/979

Even without the change to mattermost-redux above, text files will default to pre-existing "code" icon.

* Set file attachment icon background to theme

Default to transparent. Override if explicitly specified.

* Treat animated GIFs as images when auto-adjusting attachment width

* Fix images layout, progressive image margins, and gallery for images and videos

* fix on iPad (splitview, permanent sidebar) card types and image sizes

* Add all files back to the gallery
2019-11-15 22:41:09 -05:00
..
about_links.js MM-19759 - Added TOS and Privacy Policy default links in About… (#3491) 2019-10-30 14:11:14 -04:00
attachment.js [MM-10813] Design update for Post attachments (#3511) 2019-11-15 22:41:09 -05:00
autocomplete.js Feature/search after before on (#2028) 2018-08-28 18:01:11 -04:00
custom_prop_types.js add eslint-plugin-header, and --fix all (#1726) 2018-06-19 19:14:50 -04:00
deep_linking.js Deep linking based on channel url; Fix merge conflicts (#2542) 2019-02-14 13:29:57 -05:00
device.js MM-18752 Rename constant to handle iPhone X and new iPhone 11 insets (#3296) 2019-09-23 13:08:32 -07:00
emoji.js [MM-9490] Add reaction list (#2125) 2018-09-27 21:54:17 +08:00
image.js [MM-14669] Return null dimensions when height or width is falsy (#2681) 2019-04-22 19:17:03 -07:00
index.js Deep linking based on channel url; Fix merge conflicts (#2542) 2019-02-14 13:29:57 -05:00
list.js [MM-18362] Sidebar improvements (#3223) 2019-09-16 13:17:48 -03:00
navigation.js [MM-16139] [MM-16140] [MM-16141] Update the remaining screens/components (#2920) 2019-07-08 10:03:31 -07:00
permissions.js add eslint-plugin-header, and --fix all (#1726) 2018-06-19 19:14:50 -04:00
post_textbox.js MM-15282 Fix cutoff placeholder on Android (#2798) 2019-05-16 17:35:09 -07:00
screen.js [MM-14017] Fix whitespace between input box and post list on iOS (#2580) 2019-02-19 21:20:16 -08:00
view.js MM-19599 Updated Channel Nav Bar height (#3509) 2019-11-04 17:29:50 -07:00