shiran
1fb6a7b5a1
Merge remote-tracking branch 'origin/main'
Discourse Theme / ci (push) Failing after 0s
2026-02-21 09:59:32 +08:00
shiran
d87e9a30d5
style(scss): 添加主出口包装器的z-index样式
...
- 在self.scss中添加#main-outlet-wrapper的z-index: 0样式
- 保持其他样式定义不变
2026-02-21 09:59:21 +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
aafa92430a
style(scss): 更新样式规则以改进背景和阴影属性
...
Discourse Theme / ci (push) Failing after 1s
- 为 regular.ember-view 添加 !important 修饰符以确保背景色优先级
- 移除 box-shadow 属性上的 !important 修饰符以优化样式继承
- 保持模糊效果和内边距设置不变
2026-02-20 21:32:11 +08:00
shiran
0ca608ab91
style(scss): 添加重要样式覆盖规则
...
Discourse Theme / ci (push) Failing after 0s
- 在box-shadow属性上添加!important标记以确保样式覆盖
- 保持原有的背景色、圆角和模糊效果设置不变
- 确保元素具有24px的内边距设置
2026-02-20 21:30:57 +08:00
shiran
bee984881e
refactor(styles): 更新选择器以提高样式一致性
...
Discourse Theme / ci (push) Failing after 1s
- 将 ID 选择器 #ember155 替换为类选择器 .regular.ember-view
- 保持相同的背景颜色、边框圆角和背景模糊效果
- 提高样式的可重用性和维护性
2026-02-20 21:28:33 +08:00
shiran
ea810552db
style(homepage): 更新背景和组件样式
...
Discourse Theme / ci (push) Failing after 1s
- 添加固定背景附件属性
- 为列表控件添加阴影效果
- 移除话题列表头部背景色
- 更新欢迎横幅内边距和阴影
- 为 ember155 元素添加背景、圆角、模糊滤镜和阴影
2026-02-20 21:26:03 +08:00
shiran
275945ce1a
feat(common): 添加自定义样式模块
...
Discourse Theme / ci (push) Failing after 1s
- 在 common.scss 中导入新的 self 样式模块
- 扩展公共样式体系以支持个性化定制需求
2026-02-20 21:07:47 +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
d3bb44d636
refactor(horizon): 移除管理员通知并简化主题初始化逻辑
...
Discourse Theme / ci (push) Failing after 1s
- 删除了管理员使用Horizon主题时的全局通知功能
- 移除了主题ID获取和URL构建相关代码
- 简化了API初始化器中的条件判断逻辑
- 保留了实验性屏幕组件和用户颜色选择器的渲染功能
2026-02-20 09:41:57 +08:00
shiran
a1bdaa8052
chore(theme): 更新主题配置信息
...
Discourse Theme / ci (push) Failing after 0s
- 修改主题名称为 Horizon-shiran
- 更新作者信息为 shiran
- 移除 about_url 链接
- 更新 license_url 指向新的代码仓库地址
- 移除 learn_more 链接
- 保持主题版本号为 0.0.1
- 保留 svg 图标配置
2026-02-20 09:40:08 +08:00
shiran
9e9ec24d56
style(topic-cards): 更新话题卡片样式以增强视觉效果
...
Discourse Theme / ci (push) Failing after 1s
- 移除话题列表项的底部边框
- 替换原有的阴影效果为更现代的多层阴影设计
- 移除卡片边框并添加渐变背景遮罩层
- 添加悬停时的变换动画和阴影过渡效果
- 优化选中状态的阴影和高亮显示
- 调整悬停和选中状态的颜色与透明度参数
2026-02-20 09:36:53 +08:00
shiran
f9130b87b5
docs(readme): 更新 README 文档以详细说明 Horizon 主题源码结构
...
Discourse Theme / ci (push) Failing after 1s
- 添加项目作用说明，包括视觉改造、交互增强、页面体验调整等功能描述
- 新增目录结构详解，涵盖 .github、assets、common、desktop、javascripts 等目录作用
- 添加 locales、scss、screenshots、spec、test 等目录的详细功能说明
- 新增根目录文件作用介绍，包括 about.json、settings.yml、package.json 等配置文件
- 添加关键功能对应关系表格，便于快速定位配色切换、侧边栏按钮、卡片化等功能实现
- 保留原 DEPRECATED 说明，并补充当前仓库的学习参考价值说明
2026-02-20 09:32:21 +08:00
c01e0da0ea
DEV: Deprecate theme, add admin notice ( #190 )
...
The Horizon theme will soon be installed by default in Discourse, and
all development will be done there. This commit shows a warning for
admins telling them to switch to the new theme.
2025-06-30 09:22:29 +10:00
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
shiran
Martin Brennan