Obsidian二度精简编辑区右键菜单

第一步精简一级菜单

/* 1. 定位链接组与剪切板组并开启横向排列 */
.menu-group:has([data-section="selection-link"]),
.menu-group:has([data-section="clipboard"]) {
    display: flex;
    flex-wrap: wrap;
    padding: 4px;
    gap: 2px;
}

/* 2. 隐藏这两个组内的文字标题 */
.menu-item[data-section="selection-link"] .menu-item-title,
.menu-item[data-section="clipboard"] .menu-item-title {
    display: none;
}

/* 3. 统一调整图标条目的外观，使其居中且紧凑 */
.menu-item[data-section="selection-link"],
.menu-item[data-section="clipboard"] {
    width: auto;
    padding: 8px;
    justify-content: center;
}



/* 5. 额外修正：确保全选图标等特殊项在横排中不会变形 */
.menu-item[data-section="clipboard"] .menu-item-icon {
    margin-right: 0;
}

/* 悬停时显示文字标题 */
.menu-item[data-section="selection-link"]:hover .menu-item-title,
.menu-item[data-section="clipboard"]:hover .menu-item-title {
    display: block;
    position: fixed;
    margin-top: 50px;
    font-size: 80%;
    opacity: 0.5;
}

第二部精简二级菜单

/* 1. 容器处理：识别包含 list, heading, format, insert 的菜单容器 */
.menu-scroll:has([data-section^="paragraph."]),
.menu-scroll:has([data-section^="selection.format."]),
.menu-scroll:has([data-section^="insert."]) {
    display: flex !important;
    flex-flow: row wrap !important;
    gap: 4px;
    padding: 6px;
    max-width: 260px; /* 限制宽度，使图标自动折行成整齐的网格 */
}

/* 消除中间组容器的布局干扰 */
.menu-scroll:has([data-section*="paragraph"]), 
.menu-scroll:has([data-section*="format"]),
.menu-scroll:has([data-section*="insert"]) .menu-group {
    display: contents;
}

/* 2. 按钮化：统一处理所有图标项 */
.menu-item[data-section^="paragraph."],
.menu-item[data-section^="selection.format."],
.menu-item[data-section^="insert."] {
    position: relative;
    width: 38px;
    height: 38px;
    justify-content: center;
    padding: 0 !important;
    border-radius: 6px;
}

/* 隐藏原本的文字标题和二级菜单箭头 */
.menu-item[data-section^="paragraph."] .menu-item-title,
.menu-item[data-section^="selection.format."] .menu-item-title,
.menu-item[data-section^="insert."] .menu-item-title,
.menu-item[data-section^="paragraph."] .menu-item-handle,
.menu-item[data-section^="selection.format."] .menu-item-handle,
.menu-item[data-section^="insert."] .menu-item-handle {
    display: none;
}

/* 3. 悬停气泡提示 (Tooltip) */
.menu-item[data-section^="paragraph."]:hover .menu-item-title,
.menu-item[data-section^="selection.format."]:hover .menu-item-title,
.menu-item[data-section^="insert."]:hover .menu-item-title {
    display: block;
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 200;
    
    /* 样式美化：深色精致小气泡 */
    background: var(--background-floating);
    color: var(--text-normal);
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid var(--background-modifier-border);
    box-shadow: var(--shadow-s);
    pointer-events: none; /* 防止气泡遮挡鼠标点击 */
}