luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(editor): database detail panel cannot scroll (#11080)

Browse Source 
fix: BS-1821
This commit is contained in:
zzj3720
2025-03-21 14:11:52 +00:00
parent dd2e423112
commit 909426c644
1 changed files with 31 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
blocksuite/affine/data-view/src/core/detail/detail.ts
View File

@@ -231,33 +231,38 @@ export class RecordDetail extends SignalWatcher(
${ArrowDownBigIcon()} ${ArrowDownBigIcon()}
</div> </div>
</div> </div>
<div <div style="flex:1;overflow-y: auto;overflow-x: hidden">
style="width: 100%;max-width: var(--affine-editor-width);display: flex;flex-direction: column;margin: 0 auto;box-sizing: border-box;" <div
> style="width: 100%;max-width: var(--affine-editor-width);display: flex;flex-direction: column;margin: 0 auto;box-sizing: border-box;"
${keyed(this.rowId, this.renderHeader())} >
${repeat( ${keyed(this.rowId, this.renderHeader())}
properties, ${repeat(
v => v.id, properties,
property => { v => v.id,
return keyed( property => {
this.rowId, return keyed(
html` <affine-data-view-record-field this.rowId,
.view="${this.view}" html` <affine-data-view-record-field
.column="${property}" .view="${this.view}"
.rowId="${this.rowId}" .column="${property}"
data-column-id="${property.id}" .rowId="${this.rowId}"
></affine-data-view-record-field>` data-column-id="${property.id}"
); ></affine-data-view-record-field>`
} );
)} }
${!this.readonly )}
? html` <div class="add-property" @click="${this._clickAddProperty}"> ${!this.readonly
<div class="icon">${PlusIcon()}</div> ? html` <div
Add Property class="add-property"
</div>` @click="${this._clickAddProperty}"
: nothing} >
<div class="icon">${PlusIcon()}</div>
Add Property
</div>`
: nothing}
</div>
${keyed(this.rowId, this.renderNote())}
</div> </div>
${keyed(this.rowId, this.renderNote())}
`; `;
} }