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