shiran
6119211ff4
style(ui): 优化话题列表界面样式
...
Discourse Theme / ci (push) Failing after 1s
- 为话题列表头部添加 z-index 层级控制
- 调整话题列表头部间距和内边距
- 设置话题列表数据项颜色、字体大小和粗细
- 将话题列表数据项设为大写字母并添加背景透明效果
- 为默认话题列表项添加圆角边框
- 重新定位批量选择控件位置并更新样式
- 更新批量选择按钮的圆角样式
- 新增自定义背景图片和容器样式
- 为主题卡片渐变背景替换为线性渐变效果
- 调整主题卡片悬停状态下的背景色和阴影效果
- 为主题卡片添加左侧边框高亮效果
- 移除废弃的主题卡片相关样式代码
2026-02-20 21:04:14 +08:00
bf9fe07f67
DEV: Update linting config and run gjs-codemod ( #177 )
2025-06-06 12:15:57 +01: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
c2b71c04a8
DEV: Update linting ( #153 )
2025-05-06 16:53:12 +01:00
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:
after:
2025-04-25 11:35:00 -04: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
b23c4764a2
DEV: Put full width styles into their own file ( #132 )
...
Followup f1d5b69293
2025-04-15 13:46:20 +10:00
shiran
Jarek Radosz