toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-27 06:33:32 +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 */ width: 0; /* Chrome Safari */
height: 0; height: 0;
} }
.affine-default-viewport::-webkit-scrollbar { .affine-doc-viewport::-webkit-scrollbar {
width: 20px; /* Chrome Safari */ width: 20px; /* Chrome Safari */
height: 20px; height: 20px;
} }
.affine-default-viewport::-webkit-scrollbar-thumb { .affine-doc-viewport::-webkit-scrollbar-thumb {
border-radius: 12px; border-radius: 12px;
background-clip: padding-box; background-clip: padding-box;
border-style: solid; border-style: solid;
@ -202,10 +202,10 @@ input[type='number']::-webkit-outer-spin-button {
border-color: transparent; border-color: transparent;
transition: all 0.2s; transition: all 0.2s;
} }
.affine-default-viewport:hover::-webkit-scrollbar-thumb { .affine-doc-viewport:hover::-webkit-scrollbar-thumb {
background-color: var(--affine-divider-color); 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); background-color: var(--affine-icon-color);
border-width: 5px; 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(); 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();
});