You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When first launching the extension, the blocks present in the workspace and the blocks inside the toolbox appear distorted, as the text is overlapped on them.
Once you go through the toolbox categories the blocks contained inside appear normal. It seems that once the user opens a category in which the blocks are fitting inside the original toolbox flyout space (such as the Variables category), the blocks stop having overlapping text and get formatted properly in all other categories as well.
The problem seems to be with the toolbox flyout space which doesn't seem to resize accordingly to what the blocks need, or it might just be coming from how the blocks are rendered originally, as the blocks situated in the workspace when the file is first opened, appear with overlapped text and cannot seem to be fixed.
The text was updated successfully, but these errors were encountered:
I tried to look into this a bit but I'm unsure if this is even something that can be fixed in the extension but in the Blockly library itself. (Or maybe some form of refresh function needs to be called? But I don't really have experience in Blockly itself to know if there even is such a thing... :S)
ykazakov
added a commit
to ykazakov/jupyterlab-blockly
that referenced
this issue
Oct 24, 2024
The var() function can be used in css styles, but not in css shorthand properties which are used to calculate the sizes of blocks in blockly. Notice that all blockly examples set style values to fixed values. A solution is to retrieve the values of css variables when setting the theme to the workspace.
Since changes in jupyterlab settings, e.g., selecting a different theme, may result in changes of css styles, the blockly theme needs to be re-applied after each such change.
When first launching the extension, the blocks present in the workspace and the blocks inside the toolbox appear distorted, as the text is overlapped on them.
Once you go through the toolbox categories the blocks contained inside appear normal. It seems that once the user opens a category in which the blocks are fitting inside the original toolbox flyout space (such as the
Variables
category), the blocks stop having overlapping text and get formatted properly in all other categories as well.The problem seems to be with the toolbox flyout space which doesn't seem to resize accordingly to what the blocks need, or it might just be coming from how the blocks are rendered originally, as the blocks situated in the workspace when the file is first opened, appear with overlapped text and cannot seem to be fixed.
The text was updated successfully, but these errors were encountered: