diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss index ef4958848..db35be544 100644 --- a/app/src/assets/scss/component/_menu.scss +++ b/app/src/assets/scss/component/_menu.scss @@ -35,19 +35,60 @@ bottom: 0; right: 0; max-height: none; + padding: 0; - .b3-menu__submenu { - top: 45px; - left: 0; - bottom: 0; - max-height: none; - right: 0; - box-shadow: none; - border: 0; - } + .b3-menu { + &__submenu { + top: 45px; + left: 0; + bottom: 0; + max-height: none; + right: 0; + box-shadow: none; + border: 0; + } - .b3-menu__item--show > .b3-menu__submenu--row { - width: 100%; + &__item { + border-bottom: 1px solid var(--b3-theme-background-light); + line-height: 40px; + + &:last-child { + border-bottom-width: 0; + } + + &--show > .b3-menu__submenu--row { + width: 100%; + } + + &--readonly { + line-height: 24px; + padding-left: 16px; + } + } + + &__title { + border-bottom: 1px solid var(--b3-theme-background-light); + line-height: 40px; + padding: 0 8px; + display: flex; + } + + &__separator { + margin: 0; + height: 16px; + background-color: var(--b3-theme-background); + border-bottom: 1px solid var(--b3-theme-background-light); + } + + &__label { + font-size: 16px; + } + + &__icon { + height: 16px; + width: 16px; + margin: 0 16px 0 8px; + } } } @@ -64,11 +105,6 @@ } } - &__title { - padding: 8px; - display: flex; - } - &__item { padding: 0 8px; border-radius: 4px; diff --git a/app/src/menus/Menu.ts b/app/src/menus/Menu.ts index 1cf5088be..47c1d13bc 100644 --- a/app/src/menus/Menu.ts +++ b/app/src/menus/Menu.ts @@ -125,7 +125,7 @@ export class Menu { this.element.insertAdjacentHTML("afterbegin", `
${window.siyuan.languages.back} -
`); +`); this.popup({x: 0, y: 0}); } }