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

Add div wrappers around window controls svg elements (#3392)

Browse source 
Fixes #3372
This commit is contained in:
Jakub Chatrný 2019-01-06 15:53:10 +01:00 committed by CHaBou
parent bc2d32ba1d
commit a3db3670be
1 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
lib/components/header.js
View file

@ -128,24 +128,24 @@ export default class Header extends React.PureComponent {
<span className="header_appTitle">{title}</span> <span className="header_appTitle">{title}</span>
{winCtrls && ( {winCtrls && (
<div className={`header_windowControls ${left ? 'header_windowControlsLeft' : ''}`}> <div className={`header_windowControls ${left ? 'header_windowControlsLeft' : ''}`}>
<svg <div className={`${left ? 'header_minimizeWindowLeft' : ''}`} onClick={this.handleMinimizeClick}>
className={`header_shape ${left ? 'header_minimizeWindowLeft' : ''}`} <svg className="header_shape">
onClick={this.handleMinimizeClick} <use xlinkHref="./renderer/assets/icons.svg#minimize-window" />
> </svg>
<use xlinkHref="./renderer/assets/icons.svg#minimize-window" /> </div>
</svg> <div className={`${left ? 'header_maximizeWindowLeft' : ''}`} onClick={this.handleMaximizeClick}>
<svg <svg className="header_shape">
className={`header_shape ${left ? 'header_maximizeWindowLeft' : ''}`} <use xlinkHref={maxButtonHref} />
onClick={this.handleMaximizeClick} </svg>
> </div>
<use xlinkHref={maxButtonHref} /> <div
</svg> className={`header_closeWindow ${left ? 'header_closeWindowLeft' : ''}`}
<svg
className={`header_shape header_closeWindow ${left ? 'header_closeWindowLeft' : ''}`}
onClick={this.handleCloseClick} onClick={this.handleCloseClick}
> >
<use xlinkHref="./renderer/assets/icons.svg#close-window" /> <svg className="header_shape">
</svg> <use xlinkHref="./renderer/assets/icons.svg#close-window" />
</svg>
</div>
</div> </div>
)} )}
</div> </div>
@ -192,7 +192,8 @@ export default class Header extends React.PureComponent {
font-size: 12px; font-size: 12px;
} }
.header_shape { .header_shape,
.header_shape > svg {
width: 40px; width: 40px;
height: 34px; height: 34px;
padding: 12px 15px 12px 15px; padding: 12px 15px 12px 15px;