shiran
c472e537a3
style(topic-cards): 更新主题卡片样式以使用新的颜色变量和阴影效果
...
Discourse Theme / ci (push) Failing after 1s
- 将背景渐变从 --d-sidebar-active-background 替换为 --active-color
- 更新悬停状态的背景色为 --active-color
- 修改盒阴影语法以提高兼容性
- 调整悬停状态的边框颜色透明度
- 简化了阴影效果的数值表示方式
2026-02-21 10:11:28 +08:00
shiran
ac2bb8084b
style(topic-cards): 更新主题卡片边框颜色样式
...
Discourse Theme / ci (push) Failing after 0s
- 将主题卡片左侧边框颜色从变量 --d-button-danger-icon-color 改为 #0008
2026-02-21 10:07:22 +08:00
shiran
b83d1c4de9
style(css): 移除梦幻效果并优化主题样式
...
Discourse Theme / ci (push) Failing after 0s
- 删除了全局的梦幻光晕效果和相关动画
- 移除了话题卡片的渐变背景和发光效果
- 简化了列表容器的背景样式和阴影效果
- 调整了话题卡片悬停状态的视觉效果
- 优化了分类标签的颜色配置方式
- 更新了选中状态的边框颜色和透明度设置
2026-02-21 10:03:46 +08:00
shiran
baf01610e4
style(theme): 更新主题样式和视觉效果
...
Discourse Theme / ci (push) Failing after 1s
- 替换梦幻光效变量为基于三级颜色的新配色方案
- 调整模糊滤镜强度从48px增加到56px
- 修改径向渐变透明度值以优化视觉层次
- 在列表容器中添加隔离层以改善渲染性能
- 更新话题卡片背景渐变使用RGB颜色变量
- 调整阴影效果和透明度以增强深度感
- 优化选中状态边框颜色使用三级颜色变量
- 添加悬停状态变换效果提升交互体验
2026-02-20 21:54:43 +08:00
shiran
10639d6ddf
style(topic-cards): 更新话题卡片悬停样式
...
Discourse Theme / ci (push) Failing after 1s
- 移除旧的背景渐变效果，改用 --active_color 变量
- 简化阴影效果，从双层阴影改为单层阴影
- 添加左侧边框以增强视觉效果
- 移除悬停时的垂直位移变换效果
2026-02-20 21:48:19 +08:00
shiran
ff29cd0652
style(ui): 添加梦幻视觉效果和优化话题卡片样式
...
Discourse Theme / ci (push) Failing after 1s
- 新增梦幻发光效果变量和动画实现
- 为主题背景添加浮动光晕装饰元素
- 重构话题卡片渐变背景和交互效果
- 实现卡片悬停时的平滑变换动画
- 添加响应式设计和可访问性支持
- 优化主题样式层级和渲染性能
2026-02-20 21:39:22 +08:00
shiran
48c4a39647
style(css): 统一搜索容器样式并移除话题卡片变换效果
...
Discourse Theme / ci (push) Failing after 0s
- 为搜索容器添加与列表控件相同的圆角样式
- 移除话题卡片的 translateY 变换效果以简化视觉表现
2026-02-20 21:34:22 +08:00
shiran
6119211ff4
style(ui): 优化话题列表界面样式
...
Discourse Theme / ci (push) Failing after 1s
- 为话题列表头部添加 z-index 层级控制
- 调整话题列表头部间距和内边距
- 设置话题列表数据项颜色、字体大小和粗细
- 将话题列表数据项设为大写字母并添加背景透明效果
- 为默认话题列表项添加圆角边框
- 重新定位批量选择控件位置并更新样式
- 更新批量选择按钮的圆角样式
- 新增自定义背景图片和容器样式
- 为主题卡片渐变背景替换为线性渐变效果
- 调整主题卡片悬停状态下的背景色和阴影效果
- 为主题卡片添加左侧边框高亮效果
- 移除废弃的主题卡片相关样式代码
2026-02-20 21:04:14 +08:00
shiran
2e967617af
style(topic-cards): 更新卡片样式添加圆角和模糊效果
...
Discourse Theme / ci (push) Failing after 1s
- 为话题卡片添加 border-radius 样式
- 实现 backdrop-filter 模糊背景效果
- 提升卡片视觉层次和美观度
2026-02-20 13:21:14 +08:00
shiran
3efe032ebf
style(topic-cards): 移除卡片背景遮罩层并重置列表区域背景色
...
Discourse Theme / ci (push) Failing after 1s
- 移除了卡片元素的负z-index背景遮罩层
- 为列表区域添加了背景色重置样式
- 解决了背景颜色覆盖问题
- 优化了卡片显示效果
2026-02-20 13:19:24 +08:00
shiran
7cdbcb539e
feat(theme): 添加首页背景图片功能
...
Discourse Theme / ci (push) Failing after 0s
- 在设置中新增 home_bg_image 配置选项
- 实现主题 SCSS 中的背景图片样式逻辑
- 添加对首页背景图片的条件渲染支持
- 集成上传功能以支持自定义背景图片
- 设置默认值为空字符串以避免初始加载问题
- 添加中文描述文档以便用户理解功能用途
2026-02-20 13:16:48 +08:00
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
shiran
chapoi