diff --git a/qe.ipynb b/qe.ipynb index 71a439668..eaa381677 100644 --- a/qe.ipynb +++ b/qe.ipynb @@ -24,6 +24,17 @@ "load_profile();" ] }, + { + "cell_type": "code", + "execution_count": null, + "metadata": {}, + "outputs": [], + "source": [ + "from aiidalab_widgets_base.utils.loaders import load_css\n", + "\n", + "load_css(css_path=\"src/aiidalab_qe/app/static/styles\")" + ] + }, { "cell_type": "code", "execution_count": null, diff --git a/src/aiidalab_qe/app/static/styles/README.md b/src/aiidalab_qe/app/static/styles/README.md new file mode 100644 index 000000000..d142efd7f --- /dev/null +++ b/src/aiidalab_qe/app/static/styles/README.md @@ -0,0 +1,11 @@ +# Stylesheets for the Quantum ESPRESSO app + +This folder contains `css` stylesheets which may be loaded directly from the CSS folder using + +```python +from aiidalab_widgets_base.utils.loaders import load_css_stylesheet + +load_css_stylesheet(package="aiidalab_qe.app.static.styles.css", filename=".css") +``` + +If `filename` is not provided, all CSS stylesheets will be loaded from the `css` package. diff --git a/src/aiidalab_qe/app/static/styles/custom.css b/src/aiidalab_qe/app/static/styles/custom.css new file mode 100644 index 000000000..876d68a98 --- /dev/null +++ b/src/aiidalab_qe/app/static/styles/custom.css @@ -0,0 +1,3 @@ +.output_subarea { + max-width: none !important; +}