~emersion/public-inbox

gamja: Better handle long topics on small screen sizes v1 APPLIED

Isaac Freund: 1
 Better handle long topics on small screen sizes

 1 files changed, 3 insertions(+), 0 deletions(-)
#662145 .build.yml success
Export patchset (mbox)
How do I use this?

Copy & paste the following snippet into your terminal to import this patchset into git:

curl -s https://lists.sr.ht/~emersion/public-inbox/patches/27915/mbox | git am -3
Learn more about email & git

[PATCH gamja] Better handle long topics on small screen sizes Export this patch

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
---
 style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/style.css b/style.css
index 014ae96..7835fdb 100644
--- a/style.css
+++ b/style.css
@@ -202,6 +202,9 @@ button.danger:hover {
	padding: 5px 10px;
	grid-row: 2;
	grid-column: 1;
	max-height: 20vh;
	overflow-y: auto;
	word-break: break-word;
}

#buffer-header .actions {
-- 
2.34.1
gamja/patches/.build.yml: SUCCESS in 1m25s

[Better handle long topics on small screen sizes][0] from [Isaac Freund][1]

[0]: https://lists.sr.ht/~emersion/public-inbox/patches/27915
[1]: mailto:mail@isaacfreund.com

✓ #662145 SUCCESS gamja/patches/.build.yml https://builds.sr.ht/~emersion/job/662145
Pushed, thanks!