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
Simon Ser
0bd2e10631
Add away indicator
2020-06-26 12:45:27 +02:00