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
In the bookmarks list of bukuserver, each entry has a "details" button which opens a modal frame containing a table with bookmark details. In general case, when a row of this table contains long text, it's wrapped as a normal paragraph; however, if there's a long "word" (i.e. a string not containing whitespace), the table width gets stretched beyond the frame (with transparent background). This concerns two fields in particular: Url (which can easily be longer than 600px) and Tags (which have no spaces between them and thus are treated as a single "word" unless one of them contains a space by itself).
I have following suggestions:
Separate tags shown in the details table by placing spaces after commas (i.e. foo,bar,baz -> foo, bar, baz).
Apply a CSS rule on the 2nd column of details table to prevent overflows (i.e. overflow-wrap: anywhere or word-break: break-all). Such a rule does not necessarily require HTML modification; .modal-body tr > td:nth-child(2) works on existing layout.
…Additionally, the same rule could be applied to the main table (i.e. td.col-Entry) to avoid the need for scrolling the table horizontally when one of the displayed URLs is too long (as it causes other data to fill in the overflowed width as well).
The text was updated successfully, but these errors were encountered:
In the bookmarks list of bukuserver, each entry has a "details" button which opens a modal frame containing a table with bookmark details. In general case, when a row of this table contains long text, it's wrapped as a normal paragraph; however, if there's a long "word" (i.e. a string not containing whitespace), the table width gets stretched beyond the frame (with transparent background). This concerns two fields in particular: Url (which can easily be longer than 600px) and Tags (which have no spaces between them and thus are treated as a single "word" unless one of them contains a space by itself).
I have following suggestions:
foo,bar,baz
->foo, bar, baz
).overflow-wrap: anywhere
orword-break: break-all
). Such a rule does not necessarily require HTML modification;.modal-body tr > td:nth-child(2)
works on existing layout.…Additionally, the same rule could be applied to the main table (i.e.
td.col-Entry
) to avoid the need for scrolling the table horizontally when one of the displayed URLs is too long (as it causes other data to fill in the overflowed width as well).The text was updated successfully, but these errors were encountered: