问题描述
我有一个图编辑器页面,我想在其中打开一个飞行工具栏(此处的飞行工具栏意味着可以在编辑器中存在的任何形状上打开它,类似于上下文菜单),方法是单击编辑器的图形元素以执行一些操作。但是,它应该与常规上下文菜单不同,在单击鼠标左键时在元素顶部水平打开。
知道怎么做吗?
我尝试使用相同的prime上下文菜单,但没有找到使其水平的方法
Attached picture is what I need。
解决方法
您可以通过覆盖 styles.css
中的Primeng CSS类.p-contextmenu
和.p-contextmenu .p-menuitem
来实现
您可以找到示例here in StackBlitz。
.p-contextmenu {
width: 100%;
}
.p-contextmenu .p-menuitem {
float: left;
}