diff --git a/app/Header.react.js b/app/Header.react.js index 83fffe8ad9..760dce09d9 100644 --- a/app/Header.react.js +++ b/app/Header.react.js @@ -8,16 +8,28 @@ var Header = React.createClass({ handleMinimize: function () { remote.getCurrentWindow().minimize(); }, - handleMaximize: function () { - remote.getCurrentWindow().setFullScreen(!remote.getCurrentWindow().isFullScreen()); + handleFullscreen: function () { + var isFullscreen = remote.getCurrentWindow().isFullScreen(); + remote.getCurrentWindow().setFullScreen(!isFullscreen); + this.forceUpdate(); + }, + handleFullscreenHover: function () { + this.update(); }, render: function () { + var fullscreenButton; + if (remote.getCurrentWindow().isFullScreen()) { + fullscreenButton =
; + } else { + fullscreenButton =
; + } + return (
-
+ {fullscreenButton}
); diff --git a/app/images/fullscreen.png b/app/images/fullscreen.png new file mode 100644 index 0000000000..284cb69a72 Binary files /dev/null and b/app/images/fullscreen.png differ diff --git a/app/images/maximize@2x.png b/app/images/fullscreen@2x.png similarity index 100% rename from app/images/maximize@2x.png rename to app/images/fullscreen@2x.png diff --git a/app/images/fullscreenclose.png b/app/images/fullscreenclose.png new file mode 100644 index 0000000000..d3d6543be4 Binary files /dev/null and b/app/images/fullscreenclose.png differ diff --git a/app/images/maximize.png b/app/images/maximize.png deleted file mode 100644 index d0db77582e..0000000000 Binary files a/app/images/maximize.png and /dev/null differ diff --git a/app/styles/main.less b/app/styles/main.less index 3d0d99884a..d8dd939fe3 100644 --- a/app/styles/main.less +++ b/app/styles/main.less @@ -23,8 +23,11 @@ .button-close { .at2x('close.png', 10px, 10px); } - .button-maximize { - .at2x('maximize.png', 10px, 10px); + .button-fullscreen { + .at2x('fullscreen.png', 10px, 10px); + } + .button-fullscreenclose { + .at2x('fullscreenclose.png', 10px, 10px); } } @@ -44,7 +47,8 @@ box-shadow: 0px 1px 1px 0px rgba(195,198,201,0.50); } - &:active { + &:hover:active { + cursor: default; -webkit-filter: brightness(92%); } } @@ -157,6 +161,7 @@ } .logs { + user-select: text; overflow: auto; font-family: Menlo; font-size: 12px; @@ -174,6 +179,7 @@ html, body { width: 100%; overflow: hidden; + user-select: none; -webkit-font-smoothing: subpixel-antialiased; font-family: 'Helvetica Neue', sans-serif; }