diff --git a/web_responsive/readme/DESCRIPTION.rst b/web_responsive/readme/DESCRIPTION.rst index 903e30efc..f2e295af1 100644 --- a/web_responsive/readme/DESCRIPTION.rst +++ b/web_responsive/readme/DESCRIPTION.rst @@ -8,7 +8,7 @@ This module adds responsiveness to web backend. * Quick menu search inside the app menu - .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif + .. image:: ../static/img/appsearch.gif * Sticky header & footer in list view @@ -20,32 +20,37 @@ This module adds responsiveness to web backend. * Bigger checkboxes in list view - .. image:: ../static/img/big_checkboxes.gif + .. image:: ../static/img/listview.gif **Features for mobile**: * App-specific submenus are shown on full screen when toggling them from the "hamburger" menu - .. image:: https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif + .. image:: ../static/img/hamburger.gif + +* User-specific submenus are shown on full screen when toggling them from the + "avatar" menu + + .. image:: ../static/img/usermenu.gif * View type picker dropdown displays comfortably - .. image:: https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif + .. image:: ../static/img/viewtype.gif * Top app bar is always visible, but the control panel is hidden when scrolling down, to save some valuable vertical space - .. image:: https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif + .. image:: ../static/img/navbar.gif * Form status bar action and status buttons are collapsed in dropdowns. Other control panel buttons use icons to save space. - .. image:: https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif + .. image:: ../static/img/form_buttons.gif * Breadcrumbs navigation is collapsed with a "back arrow" button. - .. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif + .. image:: ../static/img/breadcrumbs.gif * Search panel is collapsed to mobile version on small screens. @@ -55,17 +60,21 @@ This module adds responsiveness to web backend. .. image:: ../static/img/chatter.gif -* Followers and send button is displayed on mobile. Avatar is hidden. - - .. image:: ../static/img/chatter.gif - * Scrollable dropdowns .. image:: ../static/img/dropdown_scroll.gif +* Kanban interface adopted to mobile + + .. image:: ../static/img/kanban.gif + +* Calendar interface adopted to mobile + + .. image:: ../static/img/calendar.gif + * Interface is adapted dynamically on device rotation - .. image:: ../static/img/rotate.gif + .. image:: ../static/img/device_rotation.gif **Features for desktop computers**: @@ -76,19 +85,19 @@ This module adds responsiveness to web backend. accessible by fingers of one hand. F.x. `Alt + S` for `Save` - .. image:: https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png + .. image:: ../static/img/shortcuts.gif * Autofocus on search menu box when opening the app menu - .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif - -* Set chatter on the side of the screen, optional per user - - .. image:: https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif + .. image:: ../static/img/appsearch.gif * Full width form sheets - .. image:: https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png + .. image:: ../static/img/formview.gif + +* Set chatter on the side of the screen, optional per user + + .. image:: ../static/img/chatter_sided.gif * Sticky chatter topbar diff --git a/web_responsive/static/img/appmenu.gif b/web_responsive/static/img/appmenu.gif index 411937bc2..697368242 100644 Binary files a/web_responsive/static/img/appmenu.gif and b/web_responsive/static/img/appmenu.gif differ diff --git a/web_responsive/static/img/appsearch.gif b/web_responsive/static/img/appsearch.gif new file mode 100644 index 000000000..06592fefa Binary files /dev/null and b/web_responsive/static/img/appsearch.gif differ diff --git a/web_responsive/static/img/big_checkboxes.gif b/web_responsive/static/img/big_checkboxes.gif deleted file mode 100644 index a3469203a..000000000 Binary files a/web_responsive/static/img/big_checkboxes.gif and /dev/null differ diff --git a/web_responsive/static/img/breadcrumbs.gif b/web_responsive/static/img/breadcrumbs.gif new file mode 100644 index 000000000..6a6be4da4 Binary files /dev/null and b/web_responsive/static/img/breadcrumbs.gif differ diff --git a/web_responsive/static/img/calendar.gif b/web_responsive/static/img/calendar.gif new file mode 100644 index 000000000..73a5c1aff Binary files /dev/null and b/web_responsive/static/img/calendar.gif differ diff --git a/web_responsive/static/img/chatter.gif b/web_responsive/static/img/chatter.gif index 0a2af93d2..c638dbeba 100644 Binary files a/web_responsive/static/img/chatter.gif and b/web_responsive/static/img/chatter.gif differ diff --git a/web_responsive/static/img/chatter_sided.gif b/web_responsive/static/img/chatter_sided.gif new file mode 100644 index 000000000..0a99a1fa0 Binary files /dev/null and b/web_responsive/static/img/chatter_sided.gif differ diff --git a/web_responsive/static/img/chatter_topbar.gif b/web_responsive/static/img/chatter_topbar.gif index e0522c5a9..09ded196f 100644 Binary files a/web_responsive/static/img/chatter_topbar.gif and b/web_responsive/static/img/chatter_topbar.gif differ diff --git a/web_responsive/static/img/device_rotation.gif b/web_responsive/static/img/device_rotation.gif new file mode 100644 index 000000000..f501cc789 Binary files /dev/null and b/web_responsive/static/img/device_rotation.gif differ diff --git a/web_responsive/static/img/document_viewer.gif b/web_responsive/static/img/document_viewer.gif index 70b0cb864..fe90d31b1 100644 Binary files a/web_responsive/static/img/document_viewer.gif and b/web_responsive/static/img/document_viewer.gif differ diff --git a/web_responsive/static/img/dropdown_scroll.gif b/web_responsive/static/img/dropdown_scroll.gif index 9f3b6c092..5a5ac7bb7 100644 Binary files a/web_responsive/static/img/dropdown_scroll.gif and b/web_responsive/static/img/dropdown_scroll.gif differ diff --git a/web_responsive/static/img/form_buttons.gif b/web_responsive/static/img/form_buttons.gif new file mode 100644 index 000000000..c1a2e5986 Binary files /dev/null and b/web_responsive/static/img/form_buttons.gif differ diff --git a/web_responsive/static/img/formview.gif b/web_responsive/static/img/formview.gif index 688bbc9f9..cd6117426 100644 Binary files a/web_responsive/static/img/formview.gif and b/web_responsive/static/img/formview.gif differ diff --git a/web_responsive/static/img/hamburger.gif b/web_responsive/static/img/hamburger.gif new file mode 100644 index 000000000..c94fed08c Binary files /dev/null and b/web_responsive/static/img/hamburger.gif differ diff --git a/web_responsive/static/img/kanban.gif b/web_responsive/static/img/kanban.gif new file mode 100644 index 000000000..777e89ced Binary files /dev/null and b/web_responsive/static/img/kanban.gif differ diff --git a/web_responsive/static/img/listview.gif b/web_responsive/static/img/listview.gif index ebdcac8a9..95ace8d3b 100644 Binary files a/web_responsive/static/img/listview.gif and b/web_responsive/static/img/listview.gif differ diff --git a/web_responsive/static/img/mobile_search.gif b/web_responsive/static/img/mobile_search.gif new file mode 100644 index 000000000..6ab7c342b Binary files /dev/null and b/web_responsive/static/img/mobile_search.gif differ diff --git a/web_responsive/static/img/navbar.gif b/web_responsive/static/img/navbar.gif new file mode 100644 index 000000000..52b09e4d6 Binary files /dev/null and b/web_responsive/static/img/navbar.gif differ diff --git a/web_responsive/static/img/search_panel.gif b/web_responsive/static/img/search_panel.gif index 17bef476e..13d3e7a3f 100644 Binary files a/web_responsive/static/img/search_panel.gif and b/web_responsive/static/img/search_panel.gif differ diff --git a/web_responsive/static/img/shortcuts.gif b/web_responsive/static/img/shortcuts.gif new file mode 100644 index 000000000..97bd0df8b Binary files /dev/null and b/web_responsive/static/img/shortcuts.gif differ diff --git a/web_responsive/static/img/usermenu.gif b/web_responsive/static/img/usermenu.gif new file mode 100644 index 000000000..d43a72177 Binary files /dev/null and b/web_responsive/static/img/usermenu.gif differ diff --git a/web_responsive/static/img/viewtype.gif b/web_responsive/static/img/viewtype.gif new file mode 100644 index 000000000..058859059 Binary files /dev/null and b/web_responsive/static/img/viewtype.gif differ