shiran
ddf40963aa
style(topic-cards): 优化卡片样式和过渡效果
...
Discourse Theme / ci (push) Failing after 1s
- 将过渡属性从特定属性改为 all 以简化动画效果
- 移除复杂的径向渐变背景和遮罩组合效果
- 添加列表容器的基础样式定义
- 为列表容器添加半透明白色背景层
2026-02-20 13:11:43 +08:00
shiran
9e9ec24d56
style(topic-cards): 更新话题卡片样式以增强视觉效果
...
Discourse Theme / ci (push) Failing after 1s
- 移除话题列表项的底部边框
- 替换原有的阴影效果为更现代的多层阴影设计
- 移除卡片边框并添加渐变背景遮罩层
- 添加悬停时的变换动画和阴影过渡效果
- 优化选中状态的阴影和高亮显示
- 调整悬停和选中状态的颜色与透明度参数
2026-02-20 09:36:53 +08: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
bf9fe07f67
DEV: Update linting config and run gjs-codemod ( #177 )
2025-06-06 12:15:57 +01: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
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
d749920db7
UX: improve mobile event badge positioning ( #156 )
2025-05-10 13:46:15 -04:00
c2b71c04a8
DEV: Update linting ( #153 )
2025-05-06 16:53:12 +01: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
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
2d193b4d7a
UX: Quick fixes ( #134 )
2025-04-14 15:52:12 -05:00
b40a5a6e9a
UX: Adjust avatar spacing ( #131 )
2025-04-12 09:03:55 -05:00
e3aed16e2b
UX: remove gap on avatars in PM list ( #128 )
2025-04-11 15:47:12 -05:00
23f4362f7e
UX: Visual fixes ( #127 )
2025-04-11 15:33:58 -05:00
18ffe04242
UX: New PM design ( #125 )
2025-04-11 13:43:17 -05:00
c735718f1b
DEV: Add more user logic ( #113 )
2025-04-04 11:47:00 -05:00
f4c6876923
UX: Topic excerpt fix ( #104 )
2025-04-01 15:09:04 -05:00
def09bcca5
UX: adapt topic card layout for bookmarks & assigned list ( #97 )
2025-04-01 12:48:52 -05:00
3e3f410839
UX: More card fixes ( #94 )
2025-03-28 16:43:52 -05:00
2046f525d4
UX: More logic for title columns ( #87 )
2025-03-28 10:49:28 -05:00
0a416d317e
FIX: Messed up CSS grid on messages list ( #88 )
...
This needs a better follow-up, but the messages topic list
is currently busted. Removing the overridden topic-list-item
grid for messages helps.
2025-03-28 12:39:49 +10:00
e7de006a23
UX: Topic list layout changes ( #85 )
2025-03-27 16:31:46 -05:00
a84682c0d0
FIX: Bulk select fix ( #81 )
...
This PR fixes bulk select on the new topic cards.
2025-03-27 10:03:40 +10:00
adb1e4dcf2
UX: Change title fonts, etc ( #80 )
2025-03-26 14:08:42 -05:00
d300cf9d0f
UX: New topic card layout ( #79 )
2025-03-26 10:47:52 -05:00
af82802548
UX: Topic list card fixes for assignments & bookmarks ( #76 )
2025-03-25 15:11:49 -05:00
bee6e4e3c5
init ( #69 )
2025-03-20 09:43:40 -05:00
7f6b0df5bf
UX: move and restyle bulk select on desktop ( #65 )
2025-03-20 08:42:11 -04:00
f70c452f26
selected ( #48 )
2025-03-12 13:52:05 -05:00
9a5759ae86
Tweak to color shadows, sidebar font-size, general small fixes ( #36 )
2025-03-12 10:02:45 -05:00
97b379eb08
UX: font smoothing ( #42 )
2025-03-11 17:20:14 -05:00
f4d5b3b97e
UX: Color fixes ( #40 )
2025-03-11 16:29:35 -05:00
cef5ad279c
fix target ( #31 )
2025-03-10 13:15:44 -05:00
fc97ab99fe
Mobile: topic list, topic view, sidebar tweaks
2025-03-10 16:50:13 +01:00
9381e56c47
UX: Dark mode changes to move toward a base of accent-color ( #23 )
2025-03-06 20:30:07 -06:00
9a8a9d4ad3
UX: More tweaks & fixes ( #22 )
2025-03-06 15:54:45 -06:00
91f3cc3ebb
Mobile: Topic list and topic ( #19 )
2025-03-06 14:09:19 -06:00
41ee5a5358
DEV: Merge topic list card component ( #17 )
...
This PR merges the topic-list-item card component into the nextgen theme.
Also does the following cleanup:
* Use template-only ember components
* Use `fire` instead of deprecated `fa-fire` icon
* Lower version requirement for node to 18 to match core
* Add english locale strings for topic status column
* Remove dummy theme settings
---------
Co-authored-by: Martin Brennan <martin@discourse.org >
2025-03-06 13:35:27 +10:00
f406bfbedf
UX: Misc desktop edits ( #15 )
2025-03-05 20:29:58 -06:00
af4c0c540f
UX: desktop tweaks ( #14 )
2025-03-05 17:05:48 +01:00
257032dc01
UX: start removing hardcoded colors for dark mode support ( #12 )
2025-03-04 16:10:11 -05:00
353b955eed
Non layout styling ( #5 )
2025-02-28 11:29:27 -06:00
478926952e
init
2025-02-24 15:59:49 -06:00
shiran
chapoi