github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-29 20:23:45 -05:00
Code Issues Projects Releases Packages Wiki Activity

Remove margin from table grid popover (#16337)

Browse source 
Co-authored-by: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
GitOrigin-RevId: 71673d7d9a18baf44027e82cc34058e3db052591
This commit is contained in:
Alf Eaton 2024-01-05 10:04:34 +00:00 committed by Copybot
parent 195d034124
commit 84898dca5d
2 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown.tsx
View file

@ -63,9 +63,11 @@ export const TableInserterDropdown = memo(() => {
<Popover <Popover
id="toolbar-table-menu" id="toolbar-table-menu"
ref={ref} ref={ref}
className="ol-cm-toolbar-button-menu-popover ol-cm-toolbar-table-grid-popover" className="ol-cm-toolbar-button-menu-popover ol-cm-toolbar-button-menu-popover-unstyled"
> >
<SizeGrid sizeX={10} sizeY={10} onSizeSelected={onSizeSelected} /> <div className="ol-cm-toolbar-table-grid-popover">
<SizeGrid sizeX={10} sizeY={10} onSizeSelected={onSizeSelected} />
</div>
</Popover> </Popover>
</Overlay> </Overlay>
</> </>

14
services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts
View file

@ -69,6 +69,7 @@ export const toolbarPanel = () => [
'& .list-group': { '& .list-group': {
marginBottom: 0, marginBottom: 0,
backgroundColor: 'var(--editor-toolbar-bg)', backgroundColor: 'var(--editor-toolbar-bg)',
borderRadius: '4px',
}, },
'& .list-group-item': { '& .list-group-item': {
width: '100%', width: '100%',
@ -285,9 +286,20 @@ export const toolbarPanel = () => [
fontSize: '12px', fontSize: '12px',
}, },
'.ol-cm-toolbar-table-grid-popover': { '.ol-cm-toolbar-table-grid-popover': {
maxWidth: 'unset',
padding: '8px', padding: '8px',
marginLeft: '80px', boxShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',
borderRadius: '4px',
backgroundColor: 'var(--editor-toolbar-bg)', backgroundColor: 'var(--editor-toolbar-bg)',
pointerEvents: 'all',
},
'.ol-cm-toolbar-button-menu-popover-unstyled': {
maxWidth: 'unset',
background: 'transparent',
border: 0,
padding: '0 8px 8px 160px',
boxShadow: 'none',
pointerEvents: 'none',
}, },
}), }),
] ]