luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixx CodeDiff scroll behaviour

Browse Source
This commit is contained in:
Thomas Nordquist
2019-04-15 16:17:41 +02:00
parent 4b15650290
commit 62774fe9c2
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/Sidebar/CodeDiff.tsx
View File

@@ -114,9 +114,10 @@ const style = (theme: Theme) => {
} }
const codeBaseStyle = { const codeBaseStyle = {
display: 'inline-block' as 'inline-block',
font: "12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace", font: "12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace",
minHeight: '3em', minHeight: '3em',
display: 'inline-grid' as 'inline-grid',
margin: 0,
} }
return { return {
@@ -137,6 +138,7 @@ const style = (theme: Theme) => {
codeWrapper: { codeWrapper: {
maxHeight: '15em', maxHeight: '15em',
overflow: 'auto', overflow: 'auto',
backgroundColor: `${codeBlockColors.background}`,
}, },
gutters: { gutters: {
...codeBaseStyle, ...codeBaseStyle,
@@ -147,7 +149,7 @@ const style = (theme: Theme) => {
codeBlock: { codeBlock: {
...codeBaseStyle, ...codeBaseStyle,
width: 'calc(100% - 33px)', width: 'calc(100% - 33px)',
backgroundColor: `${codeBlockColors.background} !important`, backgroundColor: 'inherit !important',
'& span': { '& span': {
color: codeBlockColors.text, color: codeBlockColors.text,
}, },