in the screenshot, the name of the file i am working at is hidden. (tile in right with green outline)
it led to a momentary confusion. In a larger canvas this could become very annoying.
if the default-location(top edge) of the file-name is hidden, the file name should be be aligned to the 'corner' closest to the "center of the current-view".
for-example: where 'X' indicates the center. The blue lines indicates the expected position of the file-name.
if there are no corners to be seen, align the file-name vertically to the closest 'edge'
related to:
61 where navigation UX was talked about.
65 where blocks were to be displayed as cards.
File-name is slightly bolder than Block-content(which can be a phrase, or a heading)
I can think of different ways to display the text
A: 'file-name > block-first-line' or 'block-first-line > file-name'
B: stack 'file-name' next line: slight indent' > block-first-line'
maybe you should limit the number of characters: File=15 Block=30 or display as much as you can if it doesn't affect the performance.
problem:
in the screenshot, the name of the file i am working at is hidden. (tile in right with green outline) it led to a momentary confusion. In a larger canvas this could become very annoying.
if the default-location(top edge) of the file-name is hidden, the file name should be be aligned to the 'corner' closest to the "center of the current-view".
for-example: where 'X' indicates the center. The blue lines indicates the expected position of the file-name.
related to:
61 where navigation UX was talked about.
65 where blocks were to be displayed as cards.