From 4e75903f4eb01cd8489e3dc5857df9e6b4a217e4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A9ry=20Debongnie?= Date: Fri, 12 May 2023 10:35:33 +0200 Subject: [PATCH] wip --- .../discover_js_framework/02_build_a_dashboard.rst | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst b/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst index 6b1325506..4a7c09855 100644 --- a/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst +++ b/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst @@ -45,10 +45,12 @@ and a main content zone just below. This is done using the `Layout component <{GITHUB_PATH}/addons/web/static/src/search/layout.js>`_, available in `@web/search/layout`. #. Update the `AwesomeDashboard` component located in :file:`awesome_tshirt/static/src/` to use the -`Layout` component. You can use -:code:`{controlPanel: { "top-right": false, "bottom-right": false } }` for the `display` props of -the `Layout` component. -#. Bonus: add some scss or bootstrap class to make the background of the content dark + `Layout` component. You can use + :code:`{controlPanel: { "top-right": false, "bottom-right": false } }` for the `display` props of + the `Layout` component. +#. Add a `className` prop to `Layout`: `className="'o_dashboard h-100'"` +#. Add a `dashboard.scss` file in which you set the background-color of `.o_dashboard` to gray (or your + favorite color) Open http://localhost:8069/web, then open the :guilabel:`Awesome T-Shirts` app, and see the result. @@ -320,7 +322,7 @@ todo todo 10. Going further -================ +================= Here is a list of some small improvements you could try to do if you have the time: