Skip to content
This repository was archived by the owner on Dec 23, 2021. It is now read-only.

Resizing "Enable preview mode" pictures in getting started #311

Merged
vandyliu merged 2 commits into from
Apr 9, 2020
Merged

Resizing "Enable preview mode" pictures in getting started #311

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5923267
first commit
vandyliu Apr 9, 2020
a34bac1
updated tests
vandyliu Apr 9, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions src/view/pages/__snapshots__/gettingStarted.spec.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -222,6 +222,12 @@ exports[`GettingStartedPage component should render correctly 1`] = `
<img
alt="Open settings"
src="https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/open_settings.PNG"
style={
Object {
"height": "337px",
"width": "346px",
}
}
/>
<ul>
<li>
Expand Down Expand Up @@ -264,6 +270,12 @@ exports[`GettingStartedPage component should render correctly 1`] = `
<img
alt="Enable preview mode"
src="https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/check_preview_mode.gif"
style={
Object {
"height": "157px",
"width": "333px",
}
}
/>
<h3>
1. Import the the main CLUE library (This is required)
Expand Down
4 changes: 2 additions & 2 deletions src/view/pages/gettingStarted.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -138,13 +138,13 @@ export class GettingStartedPage extends React.Component {
<h2> Tutorial for CLUE </h2>
<h3> 0. Enable Preview Mode to use the CLUE (This is required)</h3>
<p> a. Access your settings:</p>
<img alt='Open settings' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/open_settings.PNG'></img>
<img alt='Open settings' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/open_settings.PNG' style={{width: '346px', height:'337px'}}></img>
<ul>
<li>Windows or Linux: press <kbd>Ctrl</kbd> + <kbd>,</kbd> or go to <code>File -> Preferences -> Settings</code></li>
<li>Mac: press <kbd>Cmd</kbd> + <kbd>,</kbd> or go to <code>Code -> Preferences -> Settings</code>.</li>
</ul>
<p> b. Check the <code>"Device Simulator Express: Preview Mode"</code> setting.</p>
<img alt='Enable preview mode' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/check_preview_mode.gif'></img>
<img alt='Enable preview mode' src='https://raw.githubusercontent.com/microsoft/vscode-python-devicesimulator/dev/assets/readmeFiles/clue/check_preview_mode.gif' style={{width: '333px', height:'157px'}}></img>
<h3>
1. Import the the main CLUE library (This is
required)
Expand Down