【问题标题】:Does Clarity Provide Accordion With Right Side IconClarity 是否提供带有右侧图标的手风琴
【发布时间】:2019-05-11 06:55:25
【问题描述】:

我需要应用一个手风琴,其中标题上的图标位于右侧。并且可以在点击标题时打开和关闭。 Clarity 还提供手风琴,但图标位于左侧。我想要右侧的图标。可能吗 ?。 如果不是,请建议我使用 angular5 时应用手风琴的最佳方法。

I want this type of accordion (with right side icon)

clarity provide this type accordion

【问题讨论】:

    标签: vmware-clarity clarity proclarity


    【解决方案1】:

    左侧的插入符号是有意识的设计选择。将插入符号放在右侧会使眼动追踪变得更加困难,您需要不断地从容器的一端反弹到另一端,以查看哪些是可扩展的,哪些是不可扩展的。由于 Clarity 无法控制容器的宽度(它完全取决于应用程序对它们的使用),这可能会在包含整页手风琴的大型容器上更加严重,其中插入符号可能距标题 800 像素。

    除此之外,在我们所有的组件(树、手风琴、数据网格行、垂直导航等)的左侧添加插入符号可确保一致性,如果一切看起来和行为都相同,则使应用程序更易于使用。

    由于这些原因,Clarity 没有提供自定义插入符号位置的明确方法。如果您仍然想反对 Clarity 的建议,您可以简单地编写自己的 CSS 来覆盖 Clarity 样式来执行此操作,可以使用绝对位置、弹性顺序或任何适用于您正在使用的组件的解决方案。

    【讨论】:

    • 感谢您的建议。但我使用 作为手风琴,我无法覆盖这个清晰标签的 css。所以任何建议我如何覆盖它的 css。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-06
    • 2020-04-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多