toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-03 06:03:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: code block toolbar z-index issue in right sidebar (#7376)

Browse Source 
Closes: [BS-549](https://linear.app/affine-design/issue/BS-549/code-block-%E5%9C%A8%E5%8F%B3%E4%BE%A7%E8%BE%B9%E6%A0%8F%E6%9C%89-z-index-%E9%97%AE%E9%A2%98%E8%AF%AD%E8%A8%80%E7%9A%84%E4%BF%A1%E6%81%AF%E5%87%BA%E7%8E%B0%E5%9C%A8%E4%BA%86-tab-%E4%B8%8A%E9%9D%A2),[BS-600](https://linear.app/affine-design/issue/BS-600/the-code-toolbar-remains-visible-when-it-overflows-in-the-ai-panel)
This commit is contained in:
golok727 2024-06-28 07:48:50 +00:00
parent e877f20955
commit fbf676002f
No known key found for this signature in database
GPG Key ID: E650939E7CA4BBF5
4 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend/core/src/blocksuite/presets/ai/chat-panel/index.ts
View File

@ -33,12 +33,15 @@ export class ChatPanel extends WithDisposable(ShadowlessElement) {
}
.chat-panel-title {
background: var(--affine-background-primary-color);
position: relative;
padding: 8px 0px;
width: 100%;
height: 36px;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 1;
div:first-child {
font-size: 14px;

4
packages/frontend/core/src/blocksuite/presets/ai/entries/code-toolbar/setup-code-toolbar.ts
View File

@ -20,9 +20,9 @@ export function setupCodeToolbarEntry(codeToolbar: AffineCodeToolbarWidget) {
const onAskAIClick = () => {
const { host } = codeToolbar;
const { selection } = host;
const imageBlock = codeToolbar.blockElement;
const codeBlock = codeToolbar.blockElement;
selection.setGroup('note', [
selection.create('block', { blockId: imageBlock.blockId }),
selection.create('block', { blockId: codeBlock.blockId }),
]);
};
codeToolbar.setupDefaultConfig();

3
packages/frontend/core/src/blocksuite/presets/ai/messages/text.ts
View File

@ -139,6 +139,9 @@ export class AIAnswerText extends WithDisposable(LitElement) {
editor-host * {
box-sizing: border-box;
}
editor-host {
isolation: isolate;
}
}
${textBlockStyles}

1
packages/frontend/core/src/modules/right-sidebar/view/header.css.ts
View File

@ -8,6 +8,7 @@ export const header = style({
alignItems: 'center',
flexShrink: 0,
padding: '0 16px',
zIndex: 1,
gap: '12px',
background: cssVar('backgroundPrimaryColor'),
selectors: {