chipmunkmc/gamja-old
1
0
Fork 0
mirror of https://git.sr.ht/~emersion/gamja synced 2024-11-14 19:25:26 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Better handle long topics on small screen sizes

Browse source 
Currently long topics will cause the buffer header to take up an
arbitrarily large percentage of the screen on mobile. Additionaly, long
words like URLS are not broken and may cause the buffer header to extend
outside of the viewport in the x direction, rendering the buffer content
unreadable.

This patch fixes these two issues by limiting the buffer header size to
20% of the viewport and breaking long words such as URLs if they would
overflow.

Fixes: https://todo.sr.ht/~emersion/gamja/129
This commit is contained in:
Isaac Freund 2022-01-02 19:24:09 +00:00 committed by Simon Ser
parent 0b59cf92b9
commit 690845c2af
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
style.css
View file

@ -202,6 +202,9 @@ button.danger:hover {
padding: 5px 10px; padding: 5px 10px;
grid-row: 2; grid-row: 2;
grid-column: 1; grid-column: 1;
max-height: 20vh;
overflow-y: auto;
word-break: break-word;
} }
#buffer-header .actions { #buffer-header .actions {