Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(editor): update github block ui (#11690)

Browse Source 
Close [BS-2651](https://linear.app/affine-design/issue/BS-2651/github-embed-block的样式修复)
This commit is contained in:
L-Sun
2025-04-15 04:14:59 +00:00
parent 84ff54f9d7
commit 6f35021f22
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
blocksuite/affine/blocks/embed/src/embed-github-block/embed-github-block.ts
View File

@@ -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}
>
<div class="affine-embed-github-banner">${bannerImage}</div>
<div class="affine-embed-github-content">
<div class="affine-embed-github-content-title">
<div class="affine-embed-github-content-title-icons">
@@ -260,6 +260,7 @@ export class EmbedGithubBlockComponent extends EmbedBlockComponent<
</div>
</div>
</div>
<div class="affine-embed-github-banner">${bannerImage}</div>
</div>
`
);

6
blocksuite/affine/blocks/embed/src/embed-github-block/styles.ts
View File

@@ -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;
}
}