35d4103757
UX: hide category image on categories page ( #192 )
2025-06-27 18:25:48 +02:00
abf22a6668
UX: Only hide welcome banner on mobile devices ( #189 )
2025-06-23 12:02:35 +02:00
c6000c996f
UX: show replies in shortened form ( #187 )
...
2025-06-20 11:39:31 +02:00
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
bb512645d1
UX: Unhide topics footer-message ( #180 )
...
This needs to be unhidden so the changes in the following core PR are
visible in horizon:
https://github.com/discourse/discourse/pull/32669
2025-06-19 12:56:37 +02:00
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
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
05416abe70
DEV: Topic creator fix ( #181 )
2025-06-11 14:03:52 -05:00
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
bf9fe07f67
DEV: Update linting config and run gjs-codemod ( #177 )
2025-06-06 12:15:57 +01:00
31249c4f27
UX: Remove unused line & fix ipad safari browser ( #176 )
2025-06-04 14:55:25 -05:00
581332c001
UX: fix mobile timeline in PWA ( #174 )
2025-06-04 14:55:02 -04:00
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
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
0ed3912d63
UX: Fix topic card messages ( #172 )
2025-05-30 08:39:39 -05:00
fc6d1b5b9d
UX: RTL positioning of boxed view ( #170 )
2025-05-28 15:42:57 -05:00
bd93d46ef4
DEV: Add screenshots ( #169 )
2025-05-23 21:33:01 -06:00
04d8684b59
UX: fix new topic badge in topic list ( #167 )
...
The theme implements this in a centralized way, so we need to remove the
core implementation.
before:
after:
2025-05-21 10:54:24 -04:00
79be7731b7
UX: adjust event date alignment with topic titles ( #165 )
...
this regressed slightly with core changes
before:
after:
2025-05-21 09:59:21 -04:00
fe1cb262dc
UX: Allow clicking anywhere on the topic-list card ( #166 )
2025-05-21 13:37:21 +01:00
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
7982d60967
UX: add compatibility with the top contributors sidebar ( #162 )
...
Improves compatibility with
https://meta.discourse.org/t/top-contributors-sidebar/215110
Before:
After:
---------
Co-authored-by: Jarek Radosz <jarek@cvx.dev >
2025-05-19 11:26:11 -04:00
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
948c60d656
FIX: do not error when no palettes are available ( #160 )
...
To repro this you had to unchecked all the "Color palette can be
selected by users" from the colors tab.
2025-05-12 19:18:15 -03:00
86d0c03b03
UX: handle opening composer from slide-in hamburger menu ( #159 )
2025-05-12 12:04:38 -04:00
d749920db7
UX: improve mobile event badge positioning ( #156 )
2025-05-10 13:46:15 -04:00
eda0db294d
UX: Improve styles for add translation composer view ( #158 )
...
## 🔍 Overview
This update ensures styles in composer look appropriate for the new
composer add translation view (recently added here:
https://github.com/discourse/discourse/pull/32564 )
## 📷 Screenshots
### ← Before
<img width="1473" alt="Screenshot 2025-05-08 at 11 58 54"
src="https://github.com/user-attachments/assets/76fec3f6-1cbf-4b57-a765-c2cf003ba177 "
/>
### → After
<img width="1476" alt="Screenshot 2025-05-08 at 11 58 42"
src="https://github.com/user-attachments/assets/f17e8dc5-3230-4a1f-9072-28a3c7415958 "
/>
2025-05-08 12:17:42 -07:00
c2b71c04a8
DEV: Update linting ( #153 )
2025-05-06 16:53:12 +01:00
ec532d356e
UX: exclude wizard from #main-outlet background styling ( #155 )
...
Only a tiny sliver of the background shows currently, which seems
accidental
Before:
After:
2025-05-05 12:35:14 -04:00
755a666dae
UX: hide bootstrap mode from header ( #154 )
...
There are multiple header elements that get in the way, and we can't
really manage the position of this button well without a better
full-width solution... so I think it makes sense to hide it for now
Before:
After:
2025-05-05 12:35:00 -04:00
4b159e9296
UX: New topic button shouldn't appear in AI conversations page ( #152 )
...
## 🔍 Overview
This update ensures that the sidebar new topic button isn't shown on the
AI conversations sidebar. It also styles the new conversation button to
make use of Horizon's accent color
## 📸 Screenshots
### ← Before
<img width="1228" alt="Screenshot 2025-05-02 at 14 16 41"
src="https://github.com/user-attachments/assets/b187d31e-881a-4c34-b663-f4b55b8bc565 "
/>
### → After
<img width="1232" alt="Screenshot 2025-05-02 at 14 15 34"
src="https://github.com/user-attachments/assets/987cfba3-ad7c-49a9-80d8-14c3e52dd5c0 "
/>
2025-05-05 09:27:28 -07:00
e53184ac28
UX: fix experimental new new positioning ( #151 )
...
These styles were added for bulk select positioning, but turns out they
weren't needed anyway
before:
after:
2025-04-25 11:35:00 -04:00
a6293aa24b
UX: text logo line-height fix ( #150 )
...
Minor adjustment to avoid clipping descenders
before:
after:
2025-04-24 14:22:07 -04:00
45cc99a2e0
UX: better full-width support for wide logos ( #149 )
...
Helps avoid situations like this:
Some examples...
text-logos
image-logos
2025-04-24 14:04:06 -04:00
806b800f1f
UX: adjust styles to meet core changes ( #148 )
2025-04-23 14:44:00 -05:00
70af5fc68a
UX: Adjust spacing for more room ( #146 )
2025-04-21 16:36:03 -05:00
b1a9389a04
UX: minor breakpoint gap fix ( #147 )
...
Reported here:
https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484/55?u=awesomerobot
We have a 1px gap here where we get kind of a half-container
Before:
After:
2025-04-18 14:08:34 -04:00
f9603a24ea
DEV: Rename search -> welcome banner ( #144 )
...
Horizon is targeting the welcome banner not the search component
anymore, update CSS class names and rename the file to make this clearer
2025-04-18 12:23:44 +10:00
bf2fb463ae
UX: Modernize spacing a bit ( #145 )
2025-04-17 21:16:43 -05:00
07113ca324
DEV: Slight refactor and add specs for composer peek ( #142 )
...
Followup cf9fd864dd
2025-04-18 09:12:43 +10:00
d67ec3ac5f
FIX: remove SCSS mixed declarations ( #143 )
...
This fixes the SCSS mixed declaration errors (most noticeable while
running rspec)
2025-04-17 17:27:13 -04:00
cf9fd864dd
DEV: implement composer peek mode directly in theme ( #141 )
...
This implements the [composer
peek](https://github.com/discourse/composer-peek ) component directly
into the theme, and makes some minor adjustments to match theme styles:
2025-04-16 17:10:23 -04:00
36899bbbaa
UX: make theme compatible with AI gists ( #140 )
...
Before (only pinned topic excerpts, no gist toggle):
After (gists can be toggled on):
This puts the gists in the same place as the theme places excerpts and
uses the same styles. It also follows the theme pattern of hiding
excerpts/gists on mobile.
2025-04-16 15:34:52 -04:00
651cf2794c
UX: remove square avatar from topic posts ( #139 )
2025-04-16 12:04:41 -05:00
e9e166ca3a
FIX: Search header index ( #138 )
2025-04-15 20:46:27 -05:00
81141cc66f
UX: update about.json, readme ( #137 )
...
Just a little bit of metadata cleanup
2025-04-15 09:19:14 -04:00
b23c4764a2
DEV: Put full width styles into their own file ( #132 )
...
Followup f1d5b69293
2025-04-15 13:46:20 +10:00
7ab29303dd
UX: Mobile composer fixes ( #136 )
2025-04-14 16:33:30 -05:00
chapoi