Page MenuHomePhabricator

Reducing content blockage due to floating table of contents on smaller screen
Open, LowPublicFeature

Description

Feature summary (what you would like to be able to do and where):

On small monitors, regarding the floating table of contents:

  • Perhaps float it to the right, especially for languages where words start on the left.
  • Chop off its margin, leaving just the three lines, thus reducing the text blocked.
  • Also move it flush with the page corner, further reducing blockage.
  • Even fit it with an X closer button, to indeed finally vanquish it. (The user could just click REFRESH if regretting.)

Screenshot 2025-02-16 11.02.42.png (567×878 px, 114 KB)

Use case(s) (list the steps that you performed to discover that problem, and describe the actual underlying problem which you want to solve. Do not describe only a solution):

Not everybody owns a big desktop monitor.

Benefits (why should this be implemented?):

Users wouldn't have this box blocking text.

Event Timeline

Jidanni updated the task description. (Show Details)

Which browser and browser version on which system was used? (Please always provide sufficient information to reproduce.)
Firefox 135 on Android has some margin on the left here, thus no collision with that icon:

Screenshot_20250216-230234.png (1×720 px, 345 KB)

Jdlrobson moved this task from Incoming to Groomed on the Vector 2022 board.

@Jidanni: Could you please answer the last comment? Thanks in advance!

I'm sorry. I seem to not receive some of the emails to me.
I'm browsing https://en.wikipedia.org/wiki/Triangulated_irregular_network .
I have scrolled down a little.
Your Chromebook is up to date
Version 134.0.6998.94 (Official Build) beta (64-bit)
Screen Resolution Test:
1181 x 664

Screen Width: 1181 pixels
Screen Height: 664 pixels
DPR (Device Pixel Ratio): 1.625740885734558
Color depth: 24 bits per pixel

Browser viewport (browser window’s size without taskbars/toolbars/address bars):
Width: 1133 pixels
Height: 577 pixels