Pārlūkot izejas kodu

:lipstick: https://github.com/siyuan-note/siyuan/issues/6197

Vanessa 2 gadi atpakaļ
vecāks
revīzija
0a50de24d2

+ 4 - 3
app/src/assets/scss/_menu.scss

@@ -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;

+ 12 - 0
app/src/assets/scss/_toolbar.scss

@@ -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;

+ 1 - 1
app/src/assets/scss/base.scss

@@ -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

+ 2 - 2
app/src/protyle/hint/index.ts

@@ -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") {