Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 23:04:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #331 from manojVivek/bugfix/device-width-bug

Browse source 
Device width bug fix
This commit is contained in:
Manoj Vivek 2020-07-19 09:05:26 +05:30 committed by GitHub
commit 291e0e9517
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
desktop-app/app/components/WebView/index.js
View file

@ -662,7 +662,11 @@ class WebView extends Component {
screenshotInProgress,
} = this.state;
const deviceStyles = {
outline: `4px solid ${this.props.browser.userPreferences.deviceOutlineStyle}`,
outline: `4px solid ${
this._isDevToolsOpen()
? `#6075ef`
: this.props.browser.userPreferences.deviceOutlineStyle
}`,
width: deviceDimensions.width,
height: deviceDimensions.height,
};
@ -782,9 +786,7 @@ class WebView extends Component {
</div>
</div>
<div
className={cx(styles.deviceContainer, {
[styles.devToolsActive]: this._isDevToolsOpen(),
})}
className={cx(styles.deviceContainer)}
style={{
width: deviceStyles.width,
transform: `scale(${zoomLevel})`,

5
desktop-app/app/components/WebView/style.module.css
View file

@ -40,11 +40,6 @@
position: relative;
display: inline-flex;
transform-origin: top left;
border: 3px solid #687cee00;
}
.devToolsActive {
border: 3px solid #6075ef;
}
.device {