fix(creator-studio): 加载正文编辑格式工具栏
选中文字时的 RichText 加粗、斜体、链接等工具由 WordPress format-library 注册。 BlockTools 虽然提供 inline toolbar slot,但此前前台没有加载 wp-format-library, 因此正文选区没有格式工具。为 Creator Studio 前台显式加载该 script/style handle, 并将行内格式工具栏统一为深色圆角悬浮样式。 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
9e8913ea0a
commit
4868de2cda
5 files changed
+47
-5
No files matched your search
@@ -498,7 +498,7 @@ body.jio-page-submit.has-static-nav {
|
||||
color: rgba(255, 255, 255, 0.86);
|
||||
|
||||
&:hover:not(:disabled),
|
||||
&:focus:not(:disabled) {
|
||||
&:focus-visible:not(:disabled) {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
color: #fff;
|
||||
}
|
||||
@@ -510,6 +510,36 @@ body.jio-page-submit.has-static-nav {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 选中文字时的 RichText 格式工具条:加粗/斜体/链接等。 */
|
||||
.components-popover.block-editor-rich-text__inline-format-toolbar {
|
||||
z-index: 650;
|
||||
|
||||
.components-popover__content {
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
background: #2b3733;
|
||||
box-shadow: 0 6px 20px rgba(20, 32, 28, 0.22);
|
||||
}
|
||||
|
||||
.components-toolbar,
|
||||
.components-toolbar-group {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.components-button {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
|
||||
&:hover:not(:disabled),
|
||||
&:focus-visible:not(:disabled),
|
||||
&.is-pressed,
|
||||
&[aria-pressed='true'] {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jio-creator__footer {
|
||||
|
||||
Reference in new issue
Block a user