diff --git a/blocksuite/affine/blocks/embed/src/embed-github-block/embed-github-block.ts b/blocksuite/affine/blocks/embed/src/embed-github-block/embed-github-block.ts index 7a5bbdc392..b703ac656f 100644 --- a/blocksuite/affine/blocks/embed/src/embed-github-block/embed-github-block.ts +++ b/blocksuite/affine/blocks/embed/src/embed-github-block/embed-github-block.ts @@ -4,7 +4,7 @@ import type { EmbedGithubStyles, } from '@blocksuite/affine-model'; import { ThemeProvider } from '@blocksuite/affine-shared/services'; -import { BlockSelection } from '@blocksuite/std'; +import { BlockSelection, isGfxBlockComponent } from '@blocksuite/std'; import { html, nothing } from 'lit'; import { property } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; @@ -166,16 +166,16 @@ export class EmbedGithubBlockComponent extends EmbedBlockComponent< 'affine-embed-github-block': true, loading, [style]: true, + edgeless: isGfxBlockComponent(this), selected: this.selected$.value, })} style=${styleMap({ - transform: `scale(${this._scale})`, + // transform: `scale(${this._scale})`, transformOrigin: '0 0 ', })} @click=${this._handleClick} @dblclick=${this._handleDoubleClick} > -
${bannerImage}
@@ -260,6 +260,7 @@ export class EmbedGithubBlockComponent extends EmbedBlockComponent<
+
${bannerImage}
` ); diff --git a/blocksuite/affine/blocks/embed/src/embed-github-block/styles.ts b/blocksuite/affine/blocks/embed/src/embed-github-block/styles.ts index 55bcd7e80f..c6c5240e8b 100644 --- a/blocksuite/affine/blocks/embed/src/embed-github-block/styles.ts +++ b/blocksuite/affine/blocks/embed/src/embed-github-block/styles.ts @@ -14,6 +14,7 @@ export const styles = css` opacity: var(--add, 1); background: var(--affine-background-primary-color); user-select: none; + overflow: hidden; } .affine-embed-github-content { @@ -275,7 +276,7 @@ export const styles = css` } .affine-embed-github-block.vertical { - flex-direction: column; + flex-direction: column-reverse; .affine-embed-github-content { width: 100%; @@ -383,7 +384,8 @@ export const styles = css` .affine-embed-github-content { width: 100%; } - .affine-embed-github-banner { + + .affine-embed-github-block:not(.edgeless) .affine-embed-github-banner { display: none; } }