新主题和组件布局

这个布局你确定吗?

这使得找到正确的组件非常困难。而且看起来……真的很不安宁。

而且我认为安装按钮应该是第一个组件,而不是最后一个。它比其他组件使用更频繁。

禁用的组件在哪里,那些没有连接任何主题的组件?

9 个赞

这个改动很有意思!

看看最初的 PR,例如:

(还有 #29225, #29079

我很欣赏简化和创建更用户友好界面的意图。
我认为,配上合适的截图和描述,它会看起来相当不错!
合并主题和组件是有意义的。
避免多个侧边栏似乎也是个好主意。

我最直接的担忧是缺少搜索和过滤功能,但我相信 UI 稍后会通过改进得到完善。当有很多组件时,这是一个必备功能。

其他反馈:

我期待未来的改进!

5 个赞

我真的很想在那里搜索。在滚动浏览 Google 字体组件时,我感到有点恶心……

4 个赞

我完全同意,这并不可行:

这让我头晕目眩……我实际上添加了一些样式,以便能够再次以直接的方式浏览组件页面 :upside_down_face: :face_with_spiral_eyes:

11 个赞

我试图做的也是一样。 :smile:
出于好奇,我试图创建一个列表或网格按钮,并按状态对其进行分组。在顶部添加一些过滤选项会很酷。
不过,网格视图对某些人来说可能很有趣。至少对于主题来说,这是有意义的。

4 个赞

@osama @ella@hugh 对这项工作非常中级,并且正在内部讨论其中的一些内容。

当然,继续在这里分享你的反馈,但请预计在不久的将来,这些内容仍会不断变化。

9 个赞

补充我上面所说的内容:

  • 按状态分组
  • 搜索
  • 网格或列表视图

这是一个粗略的演示(我不是设计师,只是好玩做的),如果能有类似的东西我会很高兴:

对于喜欢盒子但信息量最少的人来说,另一种可能的视图:

图片

(灵感来自 https://fontawesome.com/search)

我希望看到的最后一个功能是能够直接从列表中启用/禁用。这会比较不直观,所以欢迎提供快捷方式。

8 个赞

你愿意分享一下吗?:smirking_face:

(是的,我知道这只是一个临时的解决方案,但仍然如此)

2 个赞

\n给你 :slight_smile:

临时样式
.admin-config.customize.components {
  .admin-detail {
    padding: 0;
  }
  .themes-cards-container {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    gap: 0;
  }
  .admin-config-area-card__content {
    flex-grow: 0;
    margin: 0;
    padding: 0;
  }
  .theme-card {
    flex-direction: row;
    margin: 0;
    padding: 0.75rem;
    padding-right: 0;
    box-shadow: none;
    border: none;
    border-top: 1px solid var(--primary-low);
    
    &:first-child {
      border-top: none;
    }
    
    &__image-wrapper,
    &__content {
      display: none;
    }
    
    &__footer {
      gap: 1rem;
    }
  }
  .theme-install-card {
    margin-top: 1rem;
  }
}
8 个赞

你是我的新英雄!

——

嗯,创建新组件不是打开设置,而是应该在列表中查找并打开。

3 个赞

我越来越确信坚持使用稳定版是最好的选择。经历了上个月的站点设置风波后,这是又一个例子:某个之前运行良好的功能,在没有功能标志设置的情况下被更改并发布到生产环境,而且尚未完成或经过充分测试。

(另外,就这项特定功能提供一些更具建设性的反馈——如果能在概览屏幕上识别出未使用的和已禁用的组件,至少会非常有帮助)。

9 个赞

实际上,我刚想起来。我真心想知道为什么这个更改不包含在 Discourse Design team experimentation topic 中。那里是合适的地方之一,#design-experiment。

我同意感觉很仓促;在没有事先通知和功能标志设置的情况下,我理解这可能不会为管理员提供最佳体验。

8 个赞

我们有几种不同的方式来推出功能,具体取决于我们对给定更改风险的看法。

在我看来,这种情况的风险相当低。没有人的工作流程受到破坏,而且更改仅限于管理员,而不是社区中的每个成员。

我理解那些花费大量时间处理主题和组件的人会受到一些干扰。我很乐意听到更多关于此更改如何破坏任何人工作流程的故事,因为它将有助于我们为应用程序这一部分的设计做出决定。

但我认为这种情况不至于需要设计实验或功能标志。

2 个赞

我认为为了方便起见,您还应该能够按主题筛选组件。

1 个赞

管理员需要让事情让他们自己的生活更轻松。也许可以理解他们会进行实验。但要给管理员一个备用方案,或者一个在经典版和新版可乐之间切换的开关。顺便说一句,我记得新版可乐并没有成功。

4 个赞

我曾为一个客户主题工作,在更新暂存实例后,遇到了新的布局。我不得不停下来添加我上面分享的样式才能有效地继续工作。当前的布局不允许任何概览,也无法提示当前正在使用哪些组件、哪些组件已被禁用等。我认为开发一个主题或新的设置会完全破坏工作流程。

之前的列表实际上非常好。如果我没记错的话,它不久前还得到了改进。它唯一缺少的是按当前主题使用的组件进行过滤(“已使用”过滤器实际上显示了任何已安装主题使用的所有组件)。但除此之外,它是一个不需要太多改进的界面,至少对于经验丰富的管理员或开发人员来说是这样。

9 个赞

谢谢你的分享。
听到更多关于人们在不同场景中遇到的问题是有帮助的。

感谢分享这些。

5 个赞

嗯,我想这个话题中的每一条通知都来自于试图做某事,这是工作流程的一部分🤷‍♂️

2 个赞

我刚注意到甚至没有按名称进行过滤。

1 个赞

我建议你们团队尝试在真实场景中实际使用它……有太多功能被遗漏了,或者说消失了。

1 个赞