quine-global/hyper
1
0
Fork 0
mirror of https://github.com/quine-global/hyper.git synced 2026-01-13 04:28:41 -09:00
Code Issues Projects Releases Packages Wiki Activity Actions

Scrollbar Fix on Mac. Fixes issue #100 (#1354)

Browse source 
* Fix Scrollbar appearance on webkit mac

* fix linting issues
This commit is contained in:
Gabriel Peña 2017-01-07 20:50:00 -05:00 committed by Guillermo Rauch
parent ea8a32d115
commit ed990d473b
1 changed files with 24 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
lib/components/term.js
View file

@ -219,19 +219,30 @@ export default class Term extends Component {
font-size: ${this.props.fontSize}px;
}
`;
const osSpecificCss = process.platform === 'win32' ?
`::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: ${this.props.borderColor};
}
::-webkit-scrollbar-thumb:window-inactive {
background: ${this.props.borderColor};
}` : ''
;
let osSpecificCss = '';
if (process.platform === 'win32') {
osSpecificCss = `::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: ${this.props.borderColor};
}
::-webkit-scrollbar-thumb:window-inactive {
background: ${this.props.borderColor};
}`;
} else if (process.platform === 'darwin') {
osSpecificCss = `::-webkit-scrollbar {
width: 9px;
background: transparent;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0 1px ${this.props.borderColor};
}`;
}
return URL.createObjectURL(new Blob([`
.cursor-node[focus="false"] {
border-width: 1px !important;