🍎 Add panning description for OSX

This commit is contained in:
mbigras 2016-09-21 17:14:51 -07:00
parent 8a50b5ab58
commit d44e969071
1 changed files with 5 additions and 4 deletions

View File

@ -90,7 +90,7 @@ button {
} }
.info-description { .info-description {
vertical-align: text-bottom; vertical-align: text-bottom;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
height: 30px; height: 30px;
@ -141,7 +141,7 @@ button {
text-align: center; text-align: center;
padding-left: 0px; padding-left: 0px;
} }
/* Move file tools to the bottom. */ /* Move file tools to the bottom. */
#file-tools { #file-tools {
left: 0px; left: 0px;
@ -523,7 +523,8 @@ textarea {
<button id="use-lines-button">Lines Mode</button> <button id="use-lines-button">Lines Mode</button>
<button id="use-ascii-button">ASCII Mode</button><br> <button id="use-ascii-button">ASCII Mode</button><br>
<p>Moving around.<br> <p>Moving around.<br>
Desktop: <span>Hold CTRL and drag the screen.</span><br> Desktop Windows: <span>Hold CTRL and drag the screen.</span><br>
Desktop OSX: <span>Hold CMD and drag the screen.</span><br>
Mobile: <span>Drag quickly to move. Press and hold to start drawing. Pinch to zoom in/out.</span></p> Mobile: <span>Drag quickly to move. Press and hold to start drawing. Pinch to zoom in/out.</span></p>
<div class="info-icon box-image"></div><div class="info-description">Draw boxes. <span>You can resize them later with the Resize tool.</span></div><br> <div class="info-icon box-image"></div><div class="info-description">Draw boxes. <span>You can resize them later with the Resize tool.</span></div><br>
<div class="info-icon line-image"></div><div class="info-description">Draw lines. <span>Connect it to another line to change the orientation.</span></div><br> <div class="info-icon line-image"></div><div class="info-description">Draw lines. <span>Connect it to another line to change the orientation.</span></div><br>
@ -557,7 +558,7 @@ textarea {
<div class="dialog-button-bar"> <div class="dialog-button-bar">
<button class="close-dialog-button">Close</button> <button class="close-dialog-button">Close</button>
<button id="import-submit-button">Import</button> <button id="import-submit-button">Import</button>
</div> </div>
</div> </div>
<!-- These dialogs are handled seperately. --> <!-- These dialogs are handled seperately. -->