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

fix: get back the missing scrollbar (#3718)

Browse Source
This commit is contained in:
JimmFly 2023-08-13 21:36:29 +08:00 committed by GitHub
parent 8833584756
commit 4d254f3967
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/component/src/theme/global.css
View File

@ -190,11 +190,11 @@ input[type='number']::-webkit-outer-spin-button {
width: 0; /* Chrome Safari */
height: 0;
}
.affine-default-viewport::-webkit-scrollbar {
.affine-doc-viewport::-webkit-scrollbar {
width: 20px; /* Chrome Safari */
height: 20px;
}
.affine-default-viewport::-webkit-scrollbar-thumb {
.affine-doc-viewport::-webkit-scrollbar-thumb {
border-radius: 12px;
background-clip: padding-box;
border-style: solid;
@ -202,10 +202,10 @@ input[type='number']::-webkit-outer-spin-button {
border-color: transparent;
transition: all 0.2s;
}
.affine-default-viewport:hover::-webkit-scrollbar-thumb {
.affine-doc-viewport:hover::-webkit-scrollbar-thumb {
background-color: var(--affine-divider-color);
}
.affine-default-viewport:hover::-webkit-scrollbar-thumb:hover {
.affine-doc-viewport:hover::-webkit-scrollbar-thumb:hover {
background-color: var(--affine-icon-color);
border-width: 5px;
}

8
tests/affine-local/e2e/open-affine.spec.ts
View File

@ -42,3 +42,11 @@ test.skip('Download client tip', async ({ page }) => {
);
await expect(currentDownloadClientTipItem).toBeVisible();
});
test('Check the class name for the scrollbar', async ({ page }) => {
//Because the scroll bar in page mode depends on the class name of blocksuite
await openHomePage(page);
await waitEditorLoad(page);
const affineDocViewport = page.locator('.affine-doc-viewport');
await expect(affineDocViewport).toBeVisible();
});