Commit Graph

210 Commits

Author SHA1 Message Date
shiran 57cfd7eaae style(layout): 更新CSS选择器以改进页面背景样式
Discourse Theme / ci (push) Failing after 0s
- 添加.contents.clearfix.body-page选择器到现有样式规则
- 保持背景颜色透明度和边框半径一致性
- 维持毛玻璃效果以确保视觉统一性
2026-02-24 09:00:46 +08:00
shiran c12464bc7d style(layout): 更新盒子样式和添加用户内容背景
Discourse Theme / ci (push) Failing after 0s
- 调整盒子内边距从 0 12px 到 16px 12px
- 添加 .user-content 类设置背景颜色为无样式
2026-02-24 08:43:20 +08:00
shiran 1d94f2ed88 style(css): 更新主题帖子样式选择器
Discourse Theme / ci (push) Failing after 0s
- 扩展 .topic-post.clearfix.regular 选择器以包含 .post-list-item.user-stream-item
- 保持相同的背景、圆角和阴影样式属性
- 确保用户流项目具有与主题帖子相同的视觉外观
2026-02-23 09:09:23 +08:00
shiran a8f730a1f6 style(topic-cards): 移除悬停状态下的触摸设备样式
Discourse Theme / ci (push) Failing after 1s
- 移除了 .discourse-no-touch 类的选择器包装
- 简化了悬停时的背景和阴影样式应用逻辑
- 保持了选中状态样式的完整性
2026-02-23 09:02:49 +08:00
shiran a45b6c0cbc style(topic-post): 添加主题帖子样式定义
Discourse Theme / ci (push) Failing after 0s
- 为 .topic-post.clearfix.regular 类添加背景色样式
- 设置圆角边框样式
- 添加阴影效果
- 定义外边距和内边距
- 设置相对定位样式
2026-02-23 08:57:23 +08:00
shiran 808d195332 style(scss): 更新样式选择器以支持主题列表头部
Discourse Theme / ci (push) Failing after 0s
- 将 #list-area 选择器扩展为同时包含 .topic-list-header 类
- 移除背景颜色的强制设置以支持主题定制
- 保持现有的阴影效果和其他样式属性不变
2026-02-22 11:42:58 +08:00
shiran 8b0584a87e style(scss): 更新样式表以改进用户界面元素的边框半径和背景色
Discourse Theme / ci (push) Failing after 1s
- 为 .user-content 和 .details 类添加边框半径变量
- 将 .regular.ember-view, .user-main, .reviewable, .admin-content
  的背景色设置为带透明度的白色
- 为多个用户界面组件统一应用边框半径和背景模糊效果
- 调整 CSS 选择器顺序以优化样式覆盖逻辑
2026-02-21 11:12:36 +08:00
shiran b3f2686970 style(theme): 更新CSS选择器以改进页面样式
Discourse Theme / ci (push) Failing after 0s
- 为.regular.ember-view, .user-main, .user-content, .details, .reviewable, .admin-content添加背景色
- 为相关元素添加圆角样式
- 为页面内容添加毛玻璃效果
2026-02-21 10:19:20 +08:00
shiran 09e5f27aaa style(scss): 更新CSS选择器以适配更多页面元素
Discourse Theme / ci (push) Failing after 0s
- 为.regular.ember-view, .user-main, .reviewable, .admin-content类添加背景样式
- 统一应用白色半透明背景、圆角和模糊效果
- 替换原有的.container选择器为更通用的页面容器类名
2026-02-21 10:16:07 +08:00
shiran ba0a46820a style(css): 更新样式类选择器以包含容器元素
Discourse Theme / ci (push) Failing after 0s
- 将 .container 类添加到 .regular.ember-view 选择器中
- 保持相同的背景颜色、边框半径和背景模糊效果
- 确保容器元素具有与现有视图组件相同的视觉样式
2026-02-21 10:13:39 +08:00
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 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
Martin Brennan 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
chapoi 35d4103757 UX: hide category image on categories page (#192) 2025-06-27 18:25:48 +02:00
Martin Brennan abf22a6668 UX: Only hide welcome banner on mobile devices (#189) 2025-06-23 12:02:35 +02:00
chapoi c6000c996f UX: show replies in shortened form (#187)
![CleanShot 2025-06-20 at 09 52
13@2x](https://github.com/user-attachments/assets/213416c6-24a6-41e1-84d2-04d157f11999)
![CleanShot 2025-06-20 at 09 52
25@2x](https://github.com/user-attachments/assets/34384e2c-6f4e-4933-ae35-d47102982db1)
2025-06-20 11:39:31 +02:00
chapoi 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
Martin Brennan 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
chapoi dac23d544c UX: Categories restyling (#184)
Some CSS sprinkling for our most used category list formats:
### Desktop: Categories and Latest Topics 
| Default | Horizon |
|--------|--------|
| ![CleanShot 2025-06-17 at 17 28
45@2x](https://github.com/user-attachments/assets/4babf4d4-9c25-4780-bb72-c37b13d6f843)|
![CleanShot 2025-06-17 at 17 28
08@2x](https://github.com/user-attachments/assets/741a24fe-fca4-4eb8-97c9-96f5eb30b575)
|

### Desktop: Boxes with Subcategories
| Default | Horizon |
|--------|--------|
| ![CleanShot 2025-06-17 at 15 09
07@2x](https://github.com/user-attachments/assets/21e71f3b-b795-44d8-b56c-7edbe8fc465c)
| ![CleanShot 2025-06-17 at 17 29
46@2x](https://github.com/user-attachments/assets/41707610-cd09-4ebd-8fee-0f637e154fbf)
|

### Mobile: Categories with Featured Topics
| Default | Horizon |
|--------|--------|
| ![CleanShot 2025-06-17 at 17 30
53@2x](https://github.com/user-attachments/assets/665b6f19-c3d3-4438-8960-2170d0c69af3)
| ![CleanShot 2025-06-17 at 17 30
27@2x](https://github.com/user-attachments/assets/ca0fd595-1b0d-4ee9-b805-c538e4cdbc90)
|
2025-06-18 15:23:24 +02:00
chapoi 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:

![CleanShot 2025-06-18 at 12 28
16@2x](https://github.com/user-attachments/assets/e1b9bfbc-aceb-429a-8890-fb56f7e12048)

Fixed:
![CleanShot 2025-06-18 at 12 29
09@2x](https://github.com/user-attachments/assets/40572de6-a316-4f7b-8786-9040f513b6c8)
2025-06-18 15:22:31 +02:00
chapoi 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
chapoi 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 |
|--------|--------|
| ![CleanShot 2025-06-13 at 11 00
19@2x](https://github.com/user-attachments/assets/f43a773d-c8ba-4573-b16a-940e9fc3d901)
| ![CleanShot 2025-06-13 at 11 05
10@2x](https://github.com/user-attachments/assets/6bb152df-9ed3-4866-8c0a-95ddf94cd773)
|
| ![CleanShot 2025-06-13 at 11 02
25@2x](https://github.com/user-attachments/assets/3d9fb41c-a894-4b07-8737-6bd03e513f2f)
| ![CleanShot 2025-06-13 at 11 06
59@2x](https://github.com/user-attachments/assets/c54b9efe-fd1d-40aa-b8ad-2e4eab54eb90)
|
| ![CleanShot 2025-06-13 at 11 03
28@2x](https://github.com/user-attachments/assets/cdad49e8-ae6d-4f2c-9ef5-f6fa42705764)
| ![CleanShot 2025-06-13 at 11 07
10@2x](https://github.com/user-attachments/assets/91fee5ad-71b7-400c-a2c7-80339438b8de)
|
| ![CleanShot 2025-06-13 at 11 04
09@2x](https://github.com/user-attachments/assets/85296a16-f052-4787-a260-81fa54cd6191)
| ![CleanShot 2025-06-13 at 11 07
24@2x](https://github.com/user-attachments/assets/ffcaecb0-767a-4a72-8244-a3baa56d3cc2)
|
| ![CleanShot 2025-06-13 at 11 04
26@2x](https://github.com/user-attachments/assets/48a05ef5-366f-4543-bf0e-441ecae39877)
| ![CleanShot 2025-06-13 at 11 04
48@2x](https://github.com/user-attachments/assets/50499b4d-60bf-4b41-8a42-6fba8e0a41d8)
|

---------

Co-authored-by: Jordan Vidrine <jordan@jordanvidrine.com>
2025-06-13 11:08:57 +02:00
Jordan Vidrine 05416abe70 DEV: Topic creator fix (#181) 2025-06-11 14:03:52 -05:00
chapoi 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 |
|--------|--------|
| ![CleanShot 2025-06-09 at 18 59
37@2x](https://github.com/user-attachments/assets/cbeb3aaf-ad0e-4085-8548-58ea0a521c95)
| ![CleanShot 2025-06-09 at 18 57
33@2x](https://github.com/user-attachments/assets/15db752b-4983-4b7f-b6f8-9a8ded9e6f9f)
|

* Alignment fix in chat navbar drawer

| BC | AC |
|--------|--------|
| ![CleanShot 2025-06-09 at 18 59
18@2x](https://github.com/user-attachments/assets/38c7dcee-dc77-4a44-ae8d-5ecb7910536b)
| ![CleanShot 2025-06-09 at 18 58
36@2x](https://github.com/user-attachments/assets/be699f88-4e5e-4d8c-ab4d-f6d1eca93037)
|
2025-06-09 19:41:18 +02:00
Jarek Radosz bf9fe07f67 DEV: Update linting config and run gjs-codemod (#177) 2025-06-06 12:15:57 +01:00
Jordan Vidrine 31249c4f27 UX: Remove unused line & fix ipad safari browser (#176) 2025-06-04 14:55:25 -05:00
Kris 581332c001 UX: fix mobile timeline in PWA (#174) 2025-06-04 14:55:02 -04:00
chapoi 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
chapoi 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 | ![CleanShot 2025-06-02 at 17 37
35@2x](https://github.com/user-attachments/assets/f232058e-dbf6-4689-abe3-65970464a3e3)|
| Large bulk edit | ![CleanShot 2025-06-02 at 17 37
17@2x](https://github.com/user-attachments/assets/03d86b5f-d62b-4449-9c0b-452ceb8be60c)
|
| Medium topic list | ![CleanShot 2025-06-02 at 17 39
01@2x](https://github.com/user-attachments/assets/80739641-cf8f-4095-938f-9781cac57a7d)
|
| Medium bulk edit | ![CleanShot 2025-06-02 at 17 39
24@2x](https://github.com/user-attachments/assets/6e9045af-734a-4f3f-830a-e03a2f06fdd8)
|
| Small topic list | ![CleanShot 2025-06-02 at 17 39
44@2x](https://github.com/user-attachments/assets/eeca80bc-6863-4026-8f19-b1b5cf6848f3)
|
| Small bulk edit | ![CleanShot 2025-06-02 at 17 40
00@2x](https://github.com/user-attachments/assets/cde7be08-cde2-4ff2-b81b-328d3d7be848)
|
| Messages page (remains unchanged) | ![CleanShot 2025-06-02 at 17 20
37@2x](https://github.com/user-attachments/assets/6512bfe9-a699-4c67-b709-166540ee6fde)
|
| Bookmark page (remains unchanged) | ![CleanShot 2025-06-02 at 17 21
01@2x](https://github.com/user-attachments/assets/f8f43638-e911-49cb-a0d5-ebcb51ccfba4)
|
2025-06-04 14:50:41 +02:00