浏览代码

enhance(ui): polish dropdown property editor

charlie 1 年之前
父节点
当前提交
91b39e7b55
共有 2 个文件被更改,包括 4 次插入1 次删除
  1. 1 0
      resources/css/shui.css
  2. 3 1
      src/main/frontend/components/property_v2.cljs

+ 1 - 0
resources/css/shui.css

@@ -28,6 +28,7 @@ html[data-theme=dark] {
 
 html {
   .ui__dropdown-menu-content,
+  .ui__dropdown-menu-sub-content,
   .ui__context-menu-content,
   .ui__select-content {
     --accent: var(--rx-gray-04-hsl);

+ 3 - 1
src/main/frontend/components/property_v2.cljs

@@ -109,7 +109,9 @@
   [_popup-id property]
   (let [title (:block/title property)
         icon (:logseq.property/icon property)
-        icon (when icon (icon-component/icon icon {:size 15}))]
+        icon (when icon [:span.float-left.w-4.h-4.overflow-hidden.leading-4.relative
+                         {:class "top-0.5 -right-0.5"}
+                         (icon-component/icon icon {:size 15})])]
     [:<>
      (dropdown-editor-menuitem {:icon :edit :title "Property name" :desc [:span.flex.items-center.gap-1 icon title]
                                 :submenu-content (fn [] (name-edit-pane property))})