This commit is contained in:
parent
fadd3f5b52
commit
0a50de24d2
4 changed files with 19 additions and 6 deletions
|
@ -3,11 +3,12 @@
|
|||
border-radius: 4px;
|
||||
box-shadow: var(--b3-dialog-shadow);
|
||||
background-color: var(--b3-menu-background);
|
||||
padding: 4px 0;
|
||||
padding: 8px;
|
||||
z-index: 210;
|
||||
|
||||
&__item {
|
||||
padding: 0 16px 0 8px;
|
||||
border-radius: 4px;
|
||||
user-select: none;
|
||||
display: flex;
|
||||
line-height: 30px;
|
||||
|
@ -34,9 +35,9 @@
|
|||
border: 1px solid var(--b3-theme-surface-lighter);
|
||||
border-radius: 4px;
|
||||
background-color: var(--b3-menu-background);
|
||||
padding: 4px 0;
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
left: calc(100% + 8px);
|
||||
top: -5px;
|
||||
box-shadow: var(--b3-dialog-shadow);
|
||||
mix-blend-mode: difference;
|
||||
|
|
|
@ -45,6 +45,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
&-hint {
|
||||
position: fixed;
|
||||
border-radius: 4px;
|
||||
box-shadow: var(--b3-dialog-shadow);
|
||||
background-color: var(--b3-menu-background);
|
||||
z-index: 201;
|
||||
overflow: auto;
|
||||
max-height: 402px;
|
||||
box-sizing: border-box;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
&-util {
|
||||
@extend .b3-menu;
|
||||
z-index: 200;
|
||||
|
|
|
@ -38,7 +38,7 @@ ctrl+p 搜索: 199
|
|||
.protyle-util: 200
|
||||
|
||||
// 引用提示需小于 .block__popover
|
||||
.b3-menu: 201
|
||||
.protyle-hint: 201
|
||||
|
||||
// 需小于 .b3-menu 悬浮窗点击更多
|
||||
// 需小于 .b3-dialog https://ld246.com/article/1637204682648
|
||||
|
|
|
@ -45,8 +45,8 @@ export class Hint {
|
|||
this.element = document.createElement("div");
|
||||
this.element.setAttribute("data-close", "false");
|
||||
// height 402 根据 .emojis max-height+8 得来
|
||||
this.element.setAttribute("style", `z-index: 201;overflow:auto;max-height:402px;width:${Math.max(protyle.element.clientWidth / 2, 320)}px;box-sizing: border-box;`);
|
||||
this.element.className = "b3-menu b3-list b3-list--background fn__none";
|
||||
this.element.setAttribute("style", `width:${Math.max(protyle.element.clientWidth / 2, 320)}px;`);
|
||||
this.element.className = "protyle-hint b3-list b3-list--background fn__none";
|
||||
this.element.addEventListener("click", (event) => {
|
||||
const eventTarget = event.target as HTMLElement;
|
||||
if (eventTarget.tagName === "INPUT") {
|
||||
|
|
Loading…
Add table
Reference in a new issue