quine-global/hyper
1
0
Fork 0
mirror of https://github.com/quine-global/hyper.git synced 2026-01-17 05:58: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; font-size: ${this.props.fontSize}px;
} }
`; `;
const osSpecificCss = process.platform === 'win32' ? let osSpecificCss = '';
`::-webkit-scrollbar { if (process.platform === 'win32') {
width: 5px; osSpecificCss = `::-webkit-scrollbar {
} width: 5px;
::-webkit-scrollbar-thumb { }
-webkit-border-radius: 10px; ::-webkit-scrollbar-thumb {
border-radius: 10px; -webkit-border-radius: 10px;
background: ${this.props.borderColor}; border-radius: 10px;
} background: ${this.props.borderColor};
::-webkit-scrollbar-thumb:window-inactive { }
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([` return URL.createObjectURL(new Blob([`
.cursor-node[focus="false"] { .cursor-node[focus="false"] {
border-width: 1px !important; border-width: 1px !important;