fix(core): dropdown menu cannot be hovered when it is at the bottom of doc (#8662)
close AF-1588
This commit is contained in:
@@ -1,8 +1,6 @@
|
|||||||
import { cssVar } from '@toeverything/theme';
|
import { cssVar } from '@toeverything/theme';
|
||||||
import { style, type StyleRule } from '@vanilla-extract/css';
|
import { style, type StyleRule } from '@vanilla-extract/css';
|
||||||
|
|
||||||
const editorBottomPadding = 32;
|
|
||||||
|
|
||||||
export const docEditorRoot = style({
|
export const docEditorRoot = style({
|
||||||
display: 'block',
|
display: 'block',
|
||||||
background: cssVar('backgroundPrimaryColor'),
|
background: cssVar('backgroundPrimaryColor'),
|
||||||
@@ -31,13 +29,10 @@ export const docEditorGap = style({
|
|||||||
display: 'block',
|
display: 'block',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
margin: '0 auto',
|
margin: '0 auto',
|
||||||
// hack to cover the bottom padding of the editor
|
paddingTop: 50,
|
||||||
marginTop: -editorBottomPadding,
|
|
||||||
paddingTop: 50 + editorBottomPadding,
|
|
||||||
paddingBottom: 50,
|
paddingBottom: 50,
|
||||||
cursor: 'text',
|
cursor: 'text',
|
||||||
flexGrow: 1,
|
flexGrow: 1,
|
||||||
zIndex: 1,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const titleTagBasic = style({
|
const titleTagBasic = style({
|
||||||
|
|||||||
Reference in New Issue
Block a user