Commit Graph
160 Commits
Author SHA1 Message Date
Jordan VidrineandGitHub 0ed3912d63 UX: Fix topic card messages (#172) 2025-05-30 08:39:39 -05:00
Jordan VidrineandGitHub fc6d1b5b9d UX: RTL positioning of boxed view (#170) 2025-05-28 15:42:57 -05:00
Ella E.andGitHub bd93d46ef4 DEV: Add screenshots (#169) 2025-05-23 21:33:01 -06:00
KrisandGitHub 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:


![image](https://github.com/user-attachments/assets/a9b37f79-d464-43e9-9298-3607180162ec)


after:


![image](https://github.com/user-attachments/assets/bd3c79b5-6371-4439-86a2-5f91e44f04ca)
2025-05-21 10:54:24 -04:00
KrisandGitHub 79be7731b7 UX: adjust event date alignment with topic titles (#165)
this regressed slightly with core changes 

before:

![image](https://github.com/user-attachments/assets/550df0f8-fb8d-4af3-b4ec-5a61834d8a45)


after:

![image](https://github.com/user-attachments/assets/5c06f32d-ee31-444e-90f7-c31f9c44f642)
2025-05-21 09:59:21 -04:00
David TaylorandGitHub fe1cb262dc UX: Allow clicking anywhere on the topic-list card (#166) 2025-05-21 13:37:21 +01:00
chapoiandGitHub 25cc070a5b UX: fix low z-index for popup after changes to composer-drawer interaction (#164)
Fixing:
![CleanShot 2025-05-20 at 11 58
11@2x](https://github.com/user-attachments/assets/68611ead-71bf-42bf-bd87-183f589f4b82)

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:

![image](https://github.com/user-attachments/assets/08994458-0322-4725-a66b-0c91712e3a2a)


After: 

![image](https://github.com/user-attachments/assets/de231b57-d6da-42c0-852e-2bf915ee929e)

---------

Co-authored-by: Jarek Radosz <jarek@cvx.dev>
2025-05-19 11:26:11 -04:00
chapoiandGitHub 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.

![CleanShot 2025-05-14 at 13 11
16@2x](https://github.com/user-attachments/assets/9b28f097-a63b-4bbb-a016-68cbcd04ee3c)
⬇️ 
![CleanShot 2025-05-14 at 13 10
57@2x](https://github.com/user-attachments/assets/10b9c17e-1207-4775-8933-0f6aca8c3ab6)

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
Joffrey JAFFEUXandGitHub 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
KrisandGitHub 86d0c03b03 UX: handle opening composer from slide-in hamburger menu (#159) 2025-05-12 12:04:38 -04:00
KrisandGitHub d749920db7 UX: improve mobile event badge positioning (#156) 2025-05-10 13:46:15 -04:00
Keegan GeorgeandGitHub 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
Jarek RadoszandGitHub c2b71c04a8 DEV: Update linting (#153) 2025-05-06 16:53:12 +01:00
KrisandGitHub ec532d356e UX: exclude wizard from #main-outlet background styling (#155)
Only a tiny sliver of the background shows currently, which seems
accidental

Before:

![image](https://github.com/user-attachments/assets/815b9dec-7708-44a1-b360-7394e42cc4f6)


After:

![image](https://github.com/user-attachments/assets/b2eaf893-3e41-4321-b836-873b691589c5)
2025-05-05 12:35:14 -04:00
KrisandGitHub 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:

![image](https://github.com/user-attachments/assets/07009232-d188-4a5f-9381-0e1d4479512b)

After: 

![image](https://github.com/user-attachments/assets/91a0f01a-3d12-4f89-9d7f-0050abdd47e9)
2025-05-05 12:35:00 -04:00
Keegan GeorgeandGitHub 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
KrisandGitHub 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:

![image](https://github.com/user-attachments/assets/bf752846-cb51-4872-9cb7-2d98ab7f5c8f)

after:

![image](https://github.com/user-attachments/assets/4a25c776-b88c-4be6-b186-31973c6b5e05)
2025-04-25 11:35:00 -04:00
KrisandGitHub a6293aa24b UX: text logo line-height fix (#150)
Minor adjustment to avoid clipping descenders 


before:

![image](https://github.com/user-attachments/assets/bc68416b-ab04-4a62-8bff-ec8164284380)


after: 

![image](https://github.com/user-attachments/assets/30296e9c-4e8d-446f-8ee4-f0583e6c3e68)
2025-04-24 14:22:07 -04:00
KrisandGitHub 45cc99a2e0 UX: better full-width support for wide logos (#149)
Helps avoid situations like this:


![image](https://github.com/user-attachments/assets/78adec74-8fb7-457f-b592-da1b56a98b1a)


Some examples...


text-logos

![image](https://github.com/user-attachments/assets/c87333cb-727a-4167-af76-a5db0b3cd20c)

![image](https://github.com/user-attachments/assets/8cc62ab9-4f3e-4697-a763-851dc21aa2ec)

![image](https://github.com/user-attachments/assets/e36ffa7e-a3a9-463a-b448-833da2b3bc69)

image-logos

![image](https://github.com/user-attachments/assets/962f33c1-d83c-4d74-a707-ec1fb867d557)

![image](https://github.com/user-attachments/assets/0014505a-bfab-4616-962a-c1a5fa30938e)

![image](https://github.com/user-attachments/assets/32d9730a-1a43-49ac-b160-b6dd610f4482)
2025-04-24 14:04:06 -04:00
Jordan VidrineandGitHub 806b800f1f UX: adjust styles to meet core changes (#148) 2025-04-23 14:44:00 -05:00
Jordan VidrineandGitHub 70af5fc68a UX: Adjust spacing for more room (#146) 2025-04-21 16:36:03 -05:00
KrisandGitHub 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:

![image](https://github.com/user-attachments/assets/0d355156-c579-418d-a1d1-9d624c61bc12)



After:

![image](https://github.com/user-attachments/assets/ce96bf6b-c8a8-4fd2-b5b0-56d37382284d)
2025-04-18 14:08:34 -04:00
Martin BrennanandGitHub 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
Jordan VidrineandGitHub bf2fb463ae UX: Modernize spacing a bit (#145) 2025-04-17 21:16:43 -05:00
Martin BrennanandGitHub 07113ca324 DEV: Slight refactor and add specs for composer peek (#142)
Followup cf9fd864dd
2025-04-18 09:12:43 +10:00
KrisandGitHub 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
KrisandGitHub 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:


![image](https://github.com/user-attachments/assets/e4272a11-6570-4392-945f-c509cf4debd6)
2025-04-16 17:10:23 -04:00
KrisandGitHub 36899bbbaa UX: make theme compatible with AI gists (#140)
Before (only pinned topic excerpts, no gist toggle):

![image](https://github.com/user-attachments/assets/7a1b78b8-e115-4c96-9ebf-52d2c1237eea)


After (gists can be toggled on): 

![image](https://github.com/user-attachments/assets/9e6786be-3817-4420-8142-1c5f7cad54ea)


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
Jordan VidrineandGitHub 651cf2794c UX: remove square avatar from topic posts (#139) 2025-04-16 12:04:41 -05:00
Jordan VidrineandGitHub e9e166ca3a FIX: Search header index (#138) 2025-04-15 20:46:27 -05:00
KrisandGitHub 81141cc66f UX: update about.json, readme (#137)
Just a little bit of metadata cleanup
2025-04-15 09:19:14 -04:00
Martin BrennanandGitHub b23c4764a2 DEV: Put full width styles into their own file (#132)
Followup f1d5b69293

We want to make it super clear that this is to be removed when we merge
full width into core, keeping it in desktop.scss together with other
styles will make that harder.
2025-04-15 13:46:20 +10:00
Jordan VidrineandGitHub 7ab29303dd UX: Mobile composer fixes (#136) 2025-04-14 16:33:30 -05:00
KrisandGitHub 776071fdb0 UX: adjust disabled create button tooltip styles (#135) 2025-04-14 16:22:17 -05:00
Jordan VidrineandGitHub 2d193b4d7a UX: Quick fixes (#134) 2025-04-14 15:52:12 -05:00
Jordan VidrineandGitHub 24165a53a6 UX: Login layout fixes (#133) 2025-04-14 13:59:24 -05:00
KrisandGitHub 3a9917862d UX: main-outlet needs dynamic bottom padding when composer open (#119)
When the composer is open the `#main-outlet`'s bottom padding needs to
match the composer height, so the content behind the composer can be
scrolled into view.

Reported here:
https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484/26?u=awesomerobot
2025-04-14 09:06:42 -04:00
KrisandGitHub 0cd52c07fe UX: fix topic progress height (#118)
Before: 

![image](https://github.com/user-attachments/assets/b41d9c5f-6a7a-4cae-aa87-375e54b94bf9)


After:

![image](https://github.com/user-attachments/assets/e6969dcd-83b3-4e3c-a868-1dbd70ecf195)
2025-04-14 08:59:33 -04:00
KrisandGitHub 1e6a4a8a57 DEV: port sidebar new topic component into theme (#129)
This moves the [sidebar new topic button
component](https://github.com/discourse/discourse-sidebar-new-topic-button)
into the theme directly

If you have installed this theme previously, you should manually remove
the component.
2025-04-14 08:58:46 -04:00
Jordan VidrineandGitHub b40a5a6e9a UX: Adjust avatar spacing (#131) 2025-04-12 09:03:55 -05:00
Jordan VidrineandGitHub 3a0a5b0f30 UX: Fix chat backgrounds (#130) 2025-04-11 17:06:41 -05:00
Jordan VidrineandGitHub e3aed16e2b UX: remove gap on avatars in PM list (#128) 2025-04-11 15:47:12 -05:00
Jordan VidrineandGitHub 23f4362f7e UX: Visual fixes (#127) 2025-04-11 15:33:58 -05:00
KrisandGitHub f1d5b69293 DEV: port full-width component to be included directly (#126)
Removes the [full-width
component](https://github.com/discourse/discourse-full-width-component)
dependency by adding most of the code directly to the theme. There was
one grid definition in the CSS I ended up removing because it was
conflicting with an existing override in the theme.

Anyone who has previously installed the theme should manually remove the
full-width component from it.
2025-04-11 15:46:25 -04:00
Jordan VidrineandGitHub 18ffe04242 UX: New PM design (#125) 2025-04-11 13:43:17 -05:00
David TaylorandGitHub b220d87a0d DEV: Trigger basic-html view for unsupported browsers (#124) 2025-04-10 20:39:30 +01:00
KrisandGitHub 8e5cef819d UX: fix account activation layout (#123)
fixes this too-wide layout issue


![image](https://github.com/user-attachments/assets/9b2c8a1a-e395-44b5-acdb-cb289f69dcfb)
2025-04-10 13:19:52 -04:00
chapoiandGitHub 2653732bc3 UX: post notice styling (#122)
![CleanShot 2025-04-10 at 11 14
07@2x](https://github.com/user-attachments/assets/c5c8f918-fbf4-4a39-b65d-09ddf045fe74)
⬇️ 
![CleanShot 2025-04-10 at 11 13
28@2x](https://github.com/user-attachments/assets/449d824a-15e3-49fb-9acb-25cee76e8acb)
2025-04-10 13:56:17 +02:00
Jordan VidrineandGitHub 2a0f5ec599 UX: font set experimental screen styles (#121) 2025-04-09 12:12:10 -05:00