Make home notebook full width#182
Conversation
There was a problem hiding this comment.
I love this! ❤️
To illustrate, this is how my homepage look before this PR:
And after:
I do think that it would be very valuable to implement this in appmode directly. Let's discuss tomorrow if there's time.
CC @yakutovicha for visibility
| "metadata": { | ||
| "vscode": { | ||
| "languageId": "html" | ||
| } |
There was a problem hiding this comment.
I am somewhat surprised that the nbstripout pre-commit hook does not remove this. I guess it doesn't matter.
| " .output_subarea {\n", | ||
| " max-width: none !important;\n", | ||
| " }\n", |
There was a problem hiding this comment.
I am going to trust you on this one. 😅
There was a problem hiding this comment.
Okay, I guess this is not that complicated, you're just ensuring that the max-width parameter is not set.
|
Actually, I do have one question here:
What do you mean by "everywhere"? |
This is the same fix as in aiidalab/aiidalab-home#182 Ultimately this this fix should be applied in AWB, but for now we'll do it here.
This is the same fix as in aiidalab/aiidalab-home#182 Ultimately this this fix should be applied in AWB, but for now we'll do it here.
Jupyter adds a
max-width: calc(100% - 14ex)property settings to theoutput_subareaclass, which is everywhere. This PR overwrites it withmax-width: noneto allow container widgets to take up the full width of the notebook.