Skip to content

Commit

Permalink
Reduced padding in cell around code icons in code toolbar (#1072)
Browse files Browse the repository at this point in the history
* Reduced padding in cell around code icons in code toolbar

* Update code-toolbar.tsx

* Implemented icon separattion using sx prop

* Update tooltipped-icon-button.tsx
  • Loading branch information
srdas authored Nov 4, 2024
1 parent f8944b1 commit 49709dc
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ export function CodeToolbar(props: CodeToolbarProps): JSX.Element {
display: 'flex',
justifyContent: 'flex-end',
alignItems: 'center',
padding: '6px 2px',
padding: '2px 2px',
marginBottom: '1em',
border: '1px solid var(--jp-cell-editor-border-color)',
borderTop: 'none'
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,7 @@ export function TooltippedIconButton(
onClick={props.onClick}
disabled={props.disabled}
sx={{
ml: '8px',
lineHeight: 0,
...(props.disabled && { opacity: 0.5 }),
...props.sx
Expand Down

0 comments on commit 49709dc

Please sign in to comment.