Skip to content

在 DOM 树中区分不同弹出搜索菜单 #4575

New issue
New issue
Closed
Closed
在 DOM 树中区分不同弹出搜索菜单#4575
Assignees
Vanessa219
Labels
Enhancement
Milestone
2.0.0
@Zuoqiu-Yingyi

Description

@Zuoqiu-Yingyi
Zuoqiu-Yingyi
opened on Apr 11, 2022
Contributor

在什么情况下你需要该特性？ In what scenarios do you need this function?

目前 / 菜单, [[ 菜单, {{ 菜单与 : 菜单的 CSS 选择器完全相同, 均为 #layouts div.b3-menu.b3-list.b3-list--background, 导致在主题开发中无法分别进行优化, 比如

  • / 菜单内容长度固定, 可以使用 column-count: 4; 属性分为四列显示, 便于选择
  • [[ 菜单与 {{ 菜单查询结果可能长度非常长, 需要较宽的宽度一列显示

描述可能的最优解决方案 Describe the optimal solution

使用不同的 id 区分不同搜索菜单面板的容器

描述候选的解决方案 Describe the candidate solution

使用不同的 class 区分不同搜索菜单面板的容器

其他信息 Other information

Activity

Vanessa219
self-assigned this
on Apr 11, 2022
Vanessa219
added
Enhancement
on Apr 11, 2022
Vanessa219
added this to the 2.0.0 milestone on Apr 11, 2022
Vanessa219

Vanessa219 commented on Apr 11, 2022

@Vanessa219
Vanessa219
on Apr 11, 2022
Member

为 / 菜单添加 hint--menu，表情目前带有 emojis，其余使用现状

Vanessa219
closed this as completedon Apr 11, 2022
Zuoqiu-Yingyi

Zuoqiu-Yingyi commented on Jun 10, 2022

@Zuoqiu-Yingyi
Zuoqiu-Yingyi
on Jun 10, 2022
ContributorAuthor

为 / 菜单添加 hint--menu，表情目前带有 emojis，其余使用现状

在文档中的 emojis 选择菜单的 DOM 结构如下所示, 将 / 菜单分多栏时 emojis 选择菜单也会分栏, 所以文档内的 emojis 选择菜单可能还是需要一个选择器😂

<div class="b3-menu b3-list b3-list--background hint--menu">
    <div class="emojis"></div>
</div>
Vanessa219

Vanessa219 commented on Jun 10, 2022

@Vanessa219
Vanessa219
on Jun 10, 2022
Member

这个结构下面的内容为 emojis，和列表是不一样的。应该不用区分了吧？

Zuoqiu-Yingyi

Zuoqiu-Yingyi commented on Jun 10, 2022

@Zuoqiu-Yingyi
Zuoqiu-Yingyi
on Jun 10, 2022
ContributorAuthor

这个结构下面的内容为 emojis，和列表是不一样的。应该不用区分了吧？

像这种在 .emojis 上层的样式是没法通过 .emojis 选择器取消的~

.b3-menu.b3-list.b3-list--background.hint--menu {
    column-count: 4;
}
Vanessa219

Vanessa219 commented on Jun 10, 2022

@Vanessa219
Vanessa219
on Jun 10, 2022
Member

加这个试试

.b3-menu.b3-list.b3-list--background.hint--menu .emojis {
    column-span: all;
}
Zuoqiu-Yingyi

Zuoqiu-Yingyi commented on Jun 10, 2022

@Zuoqiu-Yingyi
Zuoqiu-Yingyi
on Jun 10, 2022
ContributorAuthor

加这个试试

.b3-menu.b3-list.b3-list--background.hint--menu .emojis {
    column-span: all;
}

感谢, 忘了还有这个方案 ( ´･ω･)ﾉ❤

TCOTC
mentioned this on Sep 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Enhancement

Type

No type

Projects

No projects

Milestone

Relationships

None yet

    Development

    No branches or pull requests

      Participants

      @Vanessa219@Zuoqiu-Yingyi

      Issue actions
        在 `DOM` 树中区分不同弹出搜索菜单 · Issue #4575 · siyuan-note/siyuan