diff --git a/app/src/assets/scss/_protyle.scss b/app/src/assets/scss/_protyle.scss index 9f16b61f9..3b5ec2d92 100644 --- a/app/src/assets/scss/_protyle.scss +++ b/app/src/assets/scss/_protyle.scss @@ -440,5 +440,32 @@ position: relative; transition: var(--b3-transition); } - +} + +// 触摸屏嵌入块固定显示操作按钮 +@media (hover: none) { + .protyle-wysiwyg { + &[contenteditable="false"] .render-node[data-type=NodeBlockQueryEmbed] .protyle-action__edit { + display: none; + } + + [data-node-id].render-node[data-type=NodeBlockQueryEmbed] { + .protyle-icons { + opacity: .86; + top: 8px; + + & + .protyle-wysiwyg__embed > .protyle-breadcrumb__bar { + margin-right: 74px; + } + } + } + } + + .protyle-background--enable { + .protyle-background__iconw > .protyle-icons, + .protyle-background__img .protyle-icons, + .protyle-background__tags .item svg { + opacity: .86; + } + } } diff --git a/app/src/assets/scss/_wysiwyg.scss b/app/src/assets/scss/_wysiwyg.scss index 73adf2c18..f9fa92cf7 100644 --- a/app/src/assets/scss/_wysiwyg.scss +++ b/app/src/assets/scss/_wysiwyg.scss @@ -592,23 +592,3 @@ opacity: .86; } } - -// 触摸屏嵌入块固定显示操作按钮 -@media (hover: none) { - .protyle-wysiwyg { - &[contenteditable="false"] .render-node[data-type=NodeBlockQueryEmbed] .protyle-action__edit { - display: none; - } - - [data-node-id].render-node[data-type=NodeBlockQueryEmbed] { - .protyle-icons { - opacity: .86; - top: 8px; - - & + .protyle-wysiwyg__embed > .protyle-breadcrumb__bar { - margin-right: 74px; - } - } - } - } -}