chapoi and GitHub
35d4103757
UX: hide category image on categories page ( #192 )
2025-06-27 18:25:48 +02:00
chapoi and GitHub
c6000c996f
UX: show replies in shortened form ( #187 )
...
2025-06-20 11:39:31 +02:00
chapoi and GitHub
ffa86a0c46
UX: hide welcome banner ( #188 )
...
Until we move forward with the search-banner on mobile, the
welcome-message feels out of place. Hiding it for now.
2025-06-20 11:39:20 +02:00
chapoi and GitHub
dac23d544c
UX: Categories restyling ( #184 )
...
Some CSS sprinkling for our most used category list formats:
### Desktop: Categories and Latest Topics
| Default | Horizon |
|--------|--------|
| |
|
### Desktop: Boxes with Subcategories
| Default | Horizon |
|--------|--------|
| 
| 
|
### Mobile: Categories with Featured Topics
| Default | Horizon |
|--------|--------|
| 
| 
|
2025-06-18 15:23:24 +02:00
chapoi and GitHub
1e5f71473a
UX: remove default select state for keyboard nav on topic cards ( #186 )
...
The left-border select state when using keyboard navigation is already
overruled in Horizon, but when bulk-select is enabled, this still showed
up:
Fixed:
2025-06-18 15:22:31 +02:00
6d8415579e
UX: fix topic cards layout for messages with has-replies class ( #183 )
...
The `grid-template-areas` were not correct on the messages page
---------
Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com >
Co-authored-by: Martin Brennan <martin@discourse.org >
2025-06-18 13:34:26 +10:00
2bcd04d4f4
UX: topic cards v3 ( #182 )
...
* Bringing back the OP
* Removed reason why topic appears (again) in topic list (="activity")
* Removed likes
* New layout with indention + moved all elements left (on desktop)
| Mobile | Desktop |
|--------|--------|
| 
| 
|
| 
| 
|
| 
| 
|
| 
| 
|
| 
| 
|
---------
Co-authored-by: Jordan Vidrine <jordan@jordanvidrine.com >
2025-06-13 11:08:57 +02:00
chapoi and GitHub
14aa72ad99
UX: Mini fixes and tweaks ( #179 )
...
* Changing the category & tag dropdown back into their original form.
The breadcrumb idea isn't working well.
| BC | AC |
|--------|--------|
| 
| 
|
* Alignment fix in chat navbar drawer
| BC | AC |
|--------|--------|
| 
| 
|
2025-06-09 19:41:18 +02:00
chapoi and GitHub
f5c4403423
UX: increase spacing of topic cards ( #175 )
...
Slightly bigger spacing to match the bigger avatars (bigger elements =>
more spacing to balance it out)
2025-06-04 16:04:11 +02:00
chapoi and GitHub
b72a3c1e95
UX: Topic cards v2 ( #173 )
...
This is the second iteration on the topic card design, in which we bring
back the OP and change the layout.
**Changes**:
* Show OP avatar
* Remove activity avatar and replace by reply icon
* Remove activity icon background
* Move category tag to top left
* Replace long activity copy ("…replied at…") with dot separator
* Change date formatting to `tiny`
* Adjust bulk select styling to new layout + align checkbox to top on
mobile VS keep centred on desktop
* Why: On desktop, the avatar is taking 2 lines (usually) and aligning
the checkbox vertically looks nice. Exception for excerpts, but since
that's only available for pinned topics atm that's a low occurrence. On
mobile, the topic card is 3 lines, with a smaller avatar, which makes
the checkbox "float" around a bit when centred. Hence aligning it to the
top, which for solid avatars aligns nicely too.
* CSS refactor: grid, breakpoints
Messages/bookmarks have not been changed.
| Description | Visual |
|--------|--------|
| Large topic list | |
| Large bulk edit | 
|
| Medium topic list | 
|
| Medium bulk edit | 
|
| Small topic list | 
|
| Small bulk edit | 
|
| Messages page (remains unchanged) | 
|
| Bookmark page (remains unchanged) | 
|
2025-06-04 14:50:41 +02:00
chapoi and GitHub
25cc070a5b
UX: fix low z-index for popup after changes to composer-drawer interaction ( #164 )
...
Fixing:
Consequence of #161
2025-05-20 14:22:21 +02:00
chapoi and GitHub
90eae2d3f1
Chat drawer and peakmode ( #161 )
...
To avoid very strange positioning and sizing, I'm opting to keep the
chat in front of the composer, when in peak-mode.
Still not ideal, but better than before.
⬇️
Due to the way peakmode positions itself, it's impossible to place the
chat flush next to it. And due to the way resizing works (frop the top
left, anchored right), it also can't be placed on any left-handed
alignment.
2025-05-16 12:24:05 +02:00
chapoi and GitHub
2653732bc3
UX: post notice styling ( #122 )
...
⬇️
2025-04-10 13:56:17 +02:00
chapoi and GitHub
5299986ed1
UX: iteration for the timeline scroll design ( #116 )
...
Attempt to make the timeline less eye-drawing, while still enhancing the
feel of "this is a draggable area" by emphasising the handle. Also added
a slight decrease of width.
| Before | After |
|--------|--------|
| 
| 
|
2025-04-08 18:31:10 +02:00
chapoi and GitHub
def09bcca5
UX: adapt topic card layout for bookmarks & assigned list ( #97 )
2025-04-01 12:48:52 -05:00
chapoi and GitHub
17bd1c2346
UX: fix chat border ( #96 )
2025-03-31 10:50:44 +02:00
chapoi and GitHub
0473f90cd9
Lower z-index of powered-by-discourse badge ( #93 )
2025-03-30 20:33:59 -05:00
chapoi and GitHub
9945f1d899
FIX: remove overflow prop ( #91 )
2025-03-28 08:27:36 -05:00
chapoi and GitHub
f70524a44b
UX: fix minimised draft bg colour for composer ( #89 )
...
Followup fix for #84
2025-03-28 14:17:45 +01:00
chapoi and GitHub
910bc855c1
Composer styling on desktop ( #84 )
2025-03-27 16:41:20 -05:00
chapoi and GitHub
e20b83b79d
Misc mobile fixes ( #83 )
2025-03-27 16:35:08 -05:00
chapoi and GitHub
ade14d7f54
Welcome banner: slight zindex increase ( #70 )
2025-03-21 11:55:29 +01:00
chapoi and GitHub
30cb6bbf59
UX: Z-index welcome banner ( #68 )
...
* UX: increase z-index of welcome banner
* UX: lower z-index of sticky list-controls
2025-03-20 19:13:52 +01:00
chapoi and GitHub
d062468f93
Undo sticky topic header ( #64 )
2025-03-19 10:19:25 -05:00
chapoi and GitHub
b6db617017
Mobile: New alert info width fix ( #63 )
2025-03-19 10:01:43 +01:00
chapoi and GitHub
3816c49bbf
Tiny misc fixes ( #59 )
2025-03-18 17:02:45 +01:00
chapoi and GitHub
f64d0cc6dc
UX: update styling of overlapping alert new/updated topics ( #56 )
2025-03-18 17:01:49 +01:00
chapoi and GitHub
71f246c8a3
Button hover style reapply ( #58 )
2025-03-18 09:28:25 -05:00
chapoi and GitHub
9a5759ae86
Tweak to color shadows, sidebar font-size, general small fixes ( #36 )
2025-03-12 10:02:45 -05:00
chapoi and GitHub
cdf49bd516
Button styling and states ( #35 )
2025-03-11 12:01:18 -05:00
chapoi and GitHub
fc97ab99fe
Mobile: topic list, topic view, sidebar tweaks
2025-03-10 16:50:13 +01:00
chapoi and GitHub
91f3cc3ebb
Mobile: Topic list and topic ( #19 )
2025-03-06 14:09:19 -06:00
chapoi and GitHub
af4c0c540f
UX: desktop tweaks ( #14 )
2025-03-05 17:05:48 +01:00
chapoi and GitHub
353b955eed
Non layout styling ( #5 )
2025-02-28 11:29:27 -06:00
chapoi and GitHub
720f0bb127
some styling + scope chat ( #3 )
2025-02-28 09:28:45 +10:00
chapoi and GitHub
2d4011806c
add very basic styling ( #1 )
2025-02-25 15:03:16 -06:00
