Browse Source

Update extension tutorial with new info about how styles get on the page.

Jason Grout 5 years ago
parent
commit
2856e44ee5
1 changed files with 6 additions and 3 deletions
  1. 6 3
      docs/source/developer/apod_extension_tutorial.rst

+ 6 - 3
docs/source/developer/apod_extension_tutorial.rst

@@ -459,10 +459,13 @@ Add the following lines to it.
     }
 
 The first rule stacks content vertically within the widget panel and
-lets the panel scroll when the content overflows.
+lets the panel scroll when the content overflows. This CSS file is included
+on the page automatically by JupyterLab because the ``package.json`` file has
+a ``style`` field pointing to it. In general, you should import all of your styles
+into a single CSS file and put the path to that CSS file in the ``package.json`` file
+``style`` field.
 
-Return to the ``index.ts`` file. Note that there is already an import of
-the CSS file in the ``index.ts`` file. Modify the the ``activate``
+Return to the ``index.ts`` file. Modify the the ``activate``
 function to apply the CSS classes, the copyright information, and error handling
 for the API response.
 The beginning of the function should read like the following: