Commit graph

58 commits

Author SHA1 Message Date
Simon Ser
f465e24adf components/buffer-header: fix dead space above description 2022-02-04 14:38:28 +01:00
Isaac Freund
690845c2af Better handle long topics on small screen sizes
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
2022-01-07 16:02:33 +01:00
Drew DeVault
b1d5f1436e Improve noscript UI appearance 2021-11-29 13:53:23 +01:00
Simon Ser
fcce340846 Dim away users in member list
References: https://todo.sr.ht/~emersion/gamja/13
2021-11-28 20:09:48 +01:00
Simon Ser
4dd1fac002 Hide buffer focus outline 2021-08-18 08:55:23 +02:00
Simon Ser
0fa6381c07 Preserve white space sequences in log lines
This allows e.g. the MOTD to have properly-formatted ASCII art.
2021-06-24 10:41:48 +02:00
Simon Ser
0d36e8a3fc Turn dialog close button into a <button>
This is semantically more correct.
2021-06-22 16:02:55 +02:00
Simon Ser
1ea3180f5b Use semantically more correct elements for error bubble 2021-06-22 15:48:42 +02:00
Simon Ser
2203553519 Use cursor pointer for buttons
I'm usually not a fan of changing the default browser styles for
things like the cursor image, but here it actually improves
accessibility: it's clearer for the user what can be clicked on.

Closes: https://todo.sr.ht/~emersion/gamja/81
2021-06-11 14:46:45 +02:00
Simon Ser
5b7ab2652b Improve buffer header layout on mobile
Put buffer title above buffer description.
2021-06-06 17:27:05 +02:00
Simon Ser
b9dc17db97 Disallow selecting text in <summary role="button">
This supersedes the cursor rule.
2021-06-06 12:08:21 +02:00
Simon Ser
6b75985f96 Make <summary> easier to click on Firefox Mobile
Add role=button to mark the element as a touch target.

Closes: https://todo.sr.ht/~emersion/gamja/80
2021-06-06 12:05:57 +02:00
Simon Ser
48ae55942f Make @media queries whitespace consistent 2021-06-06 10:53:06 +02:00
Simon Ser
efabd69476 Increase buffer/member list item height on mobile
Closes: https://todo.sr.ht/~emersion/gamja/62
2021-06-06 10:46:41 +02:00
Simon Ser
9224ab9d0d Set scrollbar style 2021-05-31 18:43:44 +02:00
Simon Ser
fff0907354 Make buffer title bold 2021-05-31 16:45:46 +02:00
Drew DeVault
be1ecf607d Display prefixes in member list
Closes: https://todo.sr.ht/~emersion/gamja/43
2021-05-31 15:56:08 +02:00
Simon Ser
68753afb8e Ensure connect form has padding
Even on small screens.
2021-05-31 10:55:26 +02:00
Simon Ser
9e9dcff401 Mute date separator line color in dark theme 2021-05-28 11:22:18 +02:00
Simon Ser
e080e87cb7 Pretty-print MOTD 2021-05-28 10:50:42 +02:00
Simon Ser
8123ff3844 Misc theme improvements
- Mute unimportant messages on dark theme
- Adjust button background on light theme
2021-05-28 10:34:39 +02:00
Drew DeVault
f0a532dbd6 style: minor adjustment to buttons
This makes the borders appear more uniform within the buffer header.
2021-05-27 23:00:06 +02:00
Drew DeVault
258b0b0a3c Restyle action buttons 2021-05-27 21:45:41 +02:00
Drew DeVault
64900fbe80 Implement togglable sidebars for narrow viewports
Closed: https://l.sr.ht/96AD.jpg
Open:   https://l.sr.ht/gr_9.jpg
2021-05-27 19:00:11 +02:00
Drew DeVault
3021eae9af Improve contrast of nick colors on dark theme 2021-05-27 18:04:45 +02:00
Simon Ser
37492e319b Style dialogs for dark theme
Closes: https://todo.sr.ht/~emersion/gamja/32
2021-05-27 12:05:24 +02:00
Simon Ser
4c62b7571e Indent channels and nicks in buffer list 2021-05-25 16:58:50 +02:00
Thorben Günther
e6c58a121c style.css: Substitute repeated colours with variables
Whenever possible (light and dark scheme use same variable name),
the element was removed from the dark block.
2021-05-01 10:20:47 +02:00
Simon Ser
870a9b6be5 Add CSS for email fields 2021-04-27 12:25:57 +02:00
Simon Ser
5b29e2656e Improve dark theme style for text inputs 2021-04-27 11:23:44 +02:00
Thorben Günther
69b2c5bd1c style.css: Add dark mode 2021-04-23 15:49:57 +02:00
Simon Ser
d0b5f63a22 Move dialog submit buttons to the right 2021-03-09 19:08:16 +01:00
Simon Ser
ed5a771ea0 Fix overflowed dialogs 2021-03-08 17:26:51 +01:00
Simon Ser
17a2d48b2e Add help dialog with keybindings reference 2021-03-08 17:05:48 +01:00
Simon Ser
30157383e8 Add dialog for join form 2021-03-08 16:23:16 +01:00
Simon Ser
81f3159e8f Make date separators more readable 2021-03-02 22:17:52 +01:00
Simon Ser
6c40561f61 Move join button to buffer header 2021-03-02 16:14:55 +01:00
Simon Ser
57ca2c44ad
Add unread message separator
Closes: https://todo.sr.ht/~emersion/gamja/4
2020-09-03 11:51:52 +02:00
Simon Ser
0f2d1c3e71
Add date separators to buffer
Closes: https://todo.sr.ht/~emersion/gamja/5
2020-08-13 19:00:56 +02:00
Simon Ser
9cc44fbe98
Display messages with a highlight differently 2020-08-13 12:02:05 +02:00
bbworld1
16582a6592
Add error reporting on connect and main page 2020-08-08 10:34:45 +02:00
Simon Ser
343455091c
Show offline user status
When the WHO reply is empty, it means user isn't connected to IRC.
2020-07-13 12:55:39 +02:00
Simon Ser
5090165f71
Hide horizontal scrollbars on Firefox
Firefox shows horizontal scrollbars when the member list overflows.
2020-07-13 11:44:24 +02:00
Simon Ser
99004165f2
Print IRC error messages in red 2020-06-29 14:29:31 +02:00
Simon Ser
abece1e3fd
Detect highlights 2020-06-29 11:08:47 +02:00
Simon Ser
ed6dccbb58
Hide composer input outline 2020-06-29 10:16:47 +02:00
Simon Ser
b74fb90d47
Add button to join new channel 2020-06-29 10:12:46 +02:00
Simon Ser
28e96e0ad5
Expand buffer column
In some cases it wouldn't take all of the available space.
2020-06-29 09:04:21 +02:00
Simon Ser
15c51d9ec7
Rename sidebar and topbar 2020-06-26 15:16:07 +02:00
Simon Ser
806686bd49
Add member list 2020-06-26 14:32:56 +02:00