💄 Change style of shortcuts and code fragments

This commit is contained in:
andy 2021-03-11 11:35:20 +01:00 committed by Andrés Moya
parent 4999fefa3b
commit fdd92329d9
4 changed files with 257 additions and 121 deletions

View File

@ -6,7 +6,7 @@
<title>{{ title or metadata.title }}</title>
<meta name="description" content="{{ description or metadata.description }}">
<link rel="stylesheet" href="{{ '/css/index.css' | url }}">
<link rel="stylesheet" href="{{ '/css/prism-base16-monokai.dark.css' | url }}">
<link rel="stylesheet" href="{{ '/css/prism.css' | url }}">
<link rel="shortcut icon" href="/img/favicon.png">
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">

View File

@ -91,7 +91,16 @@ table td,
table th {
padding-right: 1em;
}
kbd {
border: 1px solid var(--graylight);
border-radius: 4px;
padding: 0.4rem 0.6rem;
box-shadow: 0 1px 0px 1px rgb(0 0 0 / 10%);
background-color: #fff;
margin-left: 0.16rem;
margin-right: 0.16rem;
white-space: nowrap;
}
h1 {
font-size: 5rem;

122
css/prism.css Normal file
View File

@ -0,0 +1,122 @@
/**
* GHColors theme by Avi Aryan (http://aviaryan.in)
* Inspired by Github syntax coloring
*/
code[class*="language-"],
pre[class*="language-"] {
color: #393A34;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
font-size: .9em;
line-height: 1.2em;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre > code[class*="language-"] {
font-size: 1em;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
background: #b3d4fc;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
background: #b3d4fc;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border: 1px solid #dddddd;
background-color: white;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .2em;
padding-top: 1px;
padding-bottom: 1px;
background: #f8f8f8;
border: 1px solid #dddddd;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #999988;
font-style: italic;
}
.token.namespace {
opacity: .7;
}
.token.string,
.token.attr-value {
color: #e3116c;
}
.token.punctuation,
.token.operator {
color: #393A34; /* no highlight */
}
.token.entity,
.token.url,
.token.symbol,
.token.number,
.token.boolean,
.token.variable,
.token.constant,
.token.property,
.token.regex,
.token.inserted {
color: #36acaa;
}
.token.atrule,
.token.keyword,
.token.attr-name,
.language-autohotkey .token.selector {
color: #00a4db;
}
.token.function,
.token.deleted,
.language-autohotkey .token.tag {
color: #9a050f;
}
.token.tag,
.token.selector,
.language-autohotkey .token.keyword {
color: #00009f;
}
.token.important,
.token.function,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}

View File

@ -8,7 +8,7 @@ title: Shortcuts
<p class="main-paragraph">Here you can find a list of all keyboard shortcuts that you can use in Penpot. Bear in mind that most of them are at the workspace, where they are more needed.</p>
<p>You can also check the shortcuts at its <a href="https://github.com/penpot/penpot/blob/develop/frontend/src/app/main/data/workspace/shortcuts.cljs" target="_blank">GitHub file</a></p>
<p>You can also check the shortcuts at the <a href="https://github.com/penpot/penpot/blob/develop/frontend/src/app/main/data/workspace/shortcuts.cljs" target="_blank">GitHub file</a>.</p>
<h3 id="edit">Edit</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
@ -20,52 +20,57 @@ title: Shortcuts
</tr>
<tr>
<td>Undo</td>
<td style="text-align: center;">Ctrl + z</td>
<td style="text-align: center;">⌘z</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Z</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>Z</kbd></td>
</tr>
<tr>
<td>Redo</td>
<td style="text-align: center;">Ctrl + Shift + z</td>
<td style="text-align: center;">⌘⇧z</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>Z</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>Z</kbd></td>
</tr>
<tr>
<td>Clear undo</td>
<td style="text-align: center;">Ctrl + q</td>
<td style="text-align: center;">⌘q</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Q</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>Q</kbd></td>
</tr>
<tr>
<td>Copy</td>
<td style="text-align: center;">Ctrl + c</td>
<td style="text-align: center;">⌘c</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>C</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>C</kbd></td>
</tr>
<tr>
<td>Duplicate</td>
<td style="text-align: center;">Ctrl + d</td>
<td style="text-align: center;">⌘d</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>D</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd>D</kbd></td>
</tr>
<td>Cut</td>
<td style="text-align: center;">Ctrl + x</td>
<td style="text-align: center;">⌘x</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>X</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>X</kbd></td>
</tr>
<tr>
<td>Paste</td>
<td style="text-align: center;">Ctrl + v</td>
<td style="text-align: center;">⌘v</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>V</kbd></td>
</tr>
<tr>
<td>Delete</td>
<td style="text-align: center;">Supr, Delete</td>
<td style="text-align: center;">⌫</td>
<td style="text-align: center;"><kbd>Supr</kbd>, <kbd>Delete</kbd></td>
<td style="text-align: center;"><kbd></kbd></td>
</tr>
<tr>
<td>Start editing</td>
<td style="text-align: center;">Enter</td>
<td style="text-align: center;">Enter</td>
<td style="text-align: center;"><kbd>Enter</kbd></td>
<td style="text-align: center;"><kbd>Enter</kbd></td>
</tr>
<tr>
<td>Exit editing</td>
<td style="text-align: center;">Esc</td>
<td style="text-align: center;">Esc</td>
<td style="text-align: center;"><kbd>Esc</kbd></td>
<td style="text-align: center;"><kbd>Esc</kbd></td>
</tr>
<tr>
<td>Show distances</td>
<td style="text-align: center;"><kbd>.</kbd></td>
<td style="text-align: center;"><kbd>.</kbd></td>
</tr>
</tbody>
</table>
@ -81,97 +86,97 @@ title: Shortcuts
</tr>
<tr>
<td>Group</td>
<td style="text-align: center;">Ctrl + g</td>
<td style="text-align: center;">⌘g</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>G</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>G</kbd></td>
</tr>
<tr>
<td>Ungroup</td>
<td style="text-align: center;">Shift + g</td>
<td style="text-align: center;">⇧g</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>G</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd> <kbd>G</kbd></td>
</tr>
<tr>
<td>Mask</td>
<td style="text-align: center;">Ctrl + m</td>
<td style="text-align: center;">⌘m</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>M</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>M</kbd></td>
</tr>
<tr>
<td>Unmask</td>
<td style="text-align: center;">Ctrl + Shift + m</td>
<td style="text-align: center;">⌘⇧m</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>M</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>M</kbd></td>
</tr>
<tr>
<td>Create component</td>
<td style="text-align: center;">Ctrl + k</td>
<td style="text-align: center;">⌘k</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>K</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd>K</kbd></td>
</tr>
<tr>
<td>Flip vertical</td>
<td style="text-align: center;">Ctrl + v</td>
<td style="text-align: center;">⌘v</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>V</kbd></td>
</tr>
<tr>
<td>Flip horizontal</td>
<td style="text-align: center;">Ctrl + h</td>
<td style="text-align: center;">⌘h</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>H</kbd></td>
</tr>
<tr>
<td>Bring forward</td>
<td style="text-align: center;">Ctrl + ↑</td>
<td style="text-align: center;">⌘↑</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>↑</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd></td>
</tr>
<tr>
<td>Bring to front</td>
<td style="text-align: center;">Ctrl + Shift + ↑</td>
<td style="text-align: center;">⌘⇧↑</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>↑</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd> <kbd></kbd></td>
<tr>
<td>Send backwards</td>
<td style="text-align: center;">Ctrl + ↓</td>
<td style="text-align: center;">⌘↓</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>↓</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd></td>
</tr>
<tr>
<td>Send to back</td>
<td style="text-align: center;">Ctrl + Shift + ↓</td>
<td style="text-align: center;">⌘⇧↓</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>↓</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd> <kbd></kbd></td>
</tr>
<tr>
<td>Move up</td>
<td style="text-align: center;">↑</td>
<td style="text-align: center;">↑</td>
<td style="text-align: center;"><kbd></kbd></td>
<td style="text-align: center;"><kbd></kbd></td>
</tr>
<tr>
<td>Move down</td>
<td style="text-align: center;">↓</td>
<td style="text-align: center;">↓</td>
<td style="text-align: center;"><kbd></kbd></td>
<td style="text-align: center;"><kbd></kbd></td>
</tr>
<tr>
<td>Move right</td>
<td style="text-align: center;">→</td>
<td style="text-align: center;">→</td>
<td style="text-align: center;"><kbd></kbd></td>
<td style="text-align: center;"><kbd></kbd></td>
</tr>
<tr>
<td>Move left</td>
<td style="text-align: center;">←</td>
<td style="text-align: center;">←</td>
<td style="text-align: center;"><kbd></kbd></td>
<td style="text-align: center;"><kbdA</kbd></td>
</tr>
<tr>
<td>Move fast up</td>
<td style="text-align: center;">Shift + ↑</td>
<td style="text-align: center;">⇧↑</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>↑</kbd></td>
<td style="text-align: center;"><kbdR</kbd> <kbd></kbd></td>
</tr>
<tr>
<td>Move fast down</td>
<td style="text-align: center;">Shift + ↓</td>
<td style="text-align: center;">⇧↓</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>↓</kbd></td>
<td style="text-align: center;"><kbdE</kbd> <kbd></kbd></td>
</tr>
<tr>
<td>Move fast right</td>
<td style="text-align: center;">Shift + →</td>
<td style="text-align: center;">⇧→</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>→</kbd></td>
<td style="text-align: center;"><kbdT</kbd> <kbd></kbd></td>
</tr>
<tr>
<td>Move fast left</td>
<td style="text-align: center;">Shift + ←</td>
<td style="text-align: center;">⇧←</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>←</kbd></td>
<td style="text-align: center;"><kbdP</kbd> <kbd></kbd></td>
</tr>
</tbody>
</table>
@ -181,49 +186,49 @@ title: Shortcuts
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<tbody>
<tr>
<th width="NaN%" valign="top" class="cellrowborder"><strong>shortcut</strong></th>
<th width="NaN%" valign="top" class=Kcellrowborder"><strong>Shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
<tr>
<td>Artboard</td>
<td style="text-align: center;">a</td>
<td style="text-align: center;">a</td>
<td style="text-align: center;"><kbd>A</kbd></td>
<td style="text-align: center;"><kbd>A</kbd></td>
</tr>
<tr>
<td>Rectangle</td>
<td style="text-align: center;">r</td>
<td style="text-align: center;">r</td>
<td style="text-align: center;"><kbd>R</kbd></td>
<td style="text-align: center;"><kbd>R</kbd></td>
</tr>
<tr>
<td>Ellipse</td>
<td style="text-align: center;">e</td>
<td style="text-align: center;">e</td>
<td style="text-align: center;"><kbd>E</kbd></td>
<td style="text-align: center;"><kbd>E</kbd></td>
</tr>
<tr>
<td>Text</td>
<td style="text-align: center;">t</td>
<td style="text-align: center;">t</td>
<td style="text-align: center;"><kbd>T</kbd></td>
<td style="text-align: center;"><kbd>T</kbd></td>
</tr>
<tr>
<td>Path</td>
<td style="text-align: center;">p</td>
<td style="text-align: center;">p</td>
<td style="text-align: center;"><kbd>P</kbd></td>
<td style="text-align: center;"><kbd>P</kbd></td>
</tr>
<tr>
<td>Curve</td>
<td style="text-align: center;">Ctrl + c</td>
<td style="text-align: center;">⌘c</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>C</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>C</kbd></td>
</tr>
<tr>
<td>Image</td>
<td style="text-align: center;">k</td>
<td style="text-align: center;">k</td>
<td style="text-align: center;"><kbd>K</kbd></td>
<td style="text-align: center;"><kbd>K</kbd></td>
</tr>
<tr>
<td>Comment</td>
<td style="text-align: center;">c</td>
<td style="text-align: center;">c</td>
<td style="text-align: center;"><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>C</kbd></td>
</tr>
</tbody>
</table>
@ -234,34 +239,34 @@ title: Shortcuts
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<tbody>
<tr>
<th width="NaN%" valign="top" class="cellrowborder"><strong>shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
<tr>
<td>Toggle rules</td>
<td style="text-align: center;">Ctrl + Shift + r</td>
<td style="text-align: center;">⌘⇧r</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>R</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>R</kbd></td>
</tr>
<tr>
<td>Toggle grid</td>
<td style="text-align: center;">Ctrl + '</td>
<td style="text-align: center;">⌘'</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>'</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd>'</kbd></td>
</tr>
<tr>
<td>Toggle snap to grid</td>
<td style="text-align: center;">Ctrl + Shift + '</td>
<td style="text-align: center;">⌘⇧'</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>'</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd> <kbd>'</kbd></td>
</tr>
<tr>
<td>Toggle dynamic alignment</td>
<td style="text-align: center;">Ctrl + \</td>
<td style="text-align: center;">⌘\</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>\</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd>\</kbd></td>
</tr>
<tr>
<td>Select all</td>
<td style="text-align: center;">Ctrl + a</td>
<td style="text-align: center;">⌘a</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>A</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>A</kbd></td>
</tr>
</tbody>
</table>
@ -271,34 +276,34 @@ title: Shortcuts
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<tbody>
<tr>
<th width="NaN%" valign="top" class="cellrowborder"><strong>shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
<tr>
<td>Layers</td>
<td style="text-align: center;">Ctrl + l</td>
<td style="text-align: center;">⌘l</td>
<td style="text-align: center;"><kbd>Alt</kbd> <kbd>L</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd> <kbd>L</kbd></td>
</tr>
<tr>
<td>Assets</td>
<td style="text-align: center;">Ctrl + i</td>
<td style="text-align: center;">⌘i</td>
<td style="text-align: center;"><kbd>Alt</kbd> <kbd>I</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd> <kbd>I</kbd></td>
</tr>
<tr>
<td>History</td>
<td style="text-align: center;">Ctrl + h</td>
<td style="text-align: center;">⌘h</td>
<td style="text-align: center;"><kbd>Alt</kbd> <kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd> <kbd>H</kbd></td>
</tr>
<tr>
<td>Color palette</td>
<td style="text-align: center;">Ctrl + p</td>
<td style="text-align: center;">⌘p</td>
<td style="text-align: center;"><kbd>Alt</kbd> <kbd>P</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd> <kbd>P</kbd></td>
</tr>
<tr>
<td>Color picker</td>
<td style="text-align: center;">i</td>
<td style="text-align: center;">i</td>
<td style="text-align: center;"><kbd>I</kbd></td>
<td style="text-align: center;"><kbd>I</kbd></td>
</tr>
</tbody>
</table>
@ -308,34 +313,34 @@ title: Shortcuts
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<tbody>
<tr>
<th width="NaN%" valign="top" class="cellrowborder"><strong>shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
<tr>
<td>Zoom in</td>
<td style="text-align: center;">Ctrl + + <br> Ctrl-Scrollwheel <br> Pinch out (trackpad)</td>
<td style="text-align: center;">⌘+ <br> Option-Scrollwheel <br> Option-swipe (Magic Mouse) <br> Pinch out (trackpad) <br></td>
<td style="text-align: center;"><kbd>+</kbd> <br><br> <kbd>Ctrl</kbd> Scrollwheel <br><br> Pinch out (trackpad)</td>
<td style="text-align: center;"><kbd>+</kbd> <br><br> <kbd>Option</kbd> Scrollwheel <br><br> Option-swipe (Magic Mouse) <br><br> Pinch out (trackpad) <br></td>
</tr>
<tr>
<td>Zoom out</td>
<td style="text-align: center;">Ctrl + - <br> Ctrl-Scrollwheel <br> Pinch in (trackpad)</td>
<td style="text-align: center;">⌘- <br> Option-Scrollwheel <br> Option-swipe (Magic Mouse) <br> Pinch in (trackpad) <br></td>
<td style="text-align: center;"><kbd>-</kbd> <br><br> <kbd>Ctrl</kbd> Scrollwheel <br><br> Pinch in (trackpad)</td>
<td style="text-align: center;"><kbd>-</kbd> <br><br> <kbd>Option</kbd> Scrollwheel <br><br> Option-swipe (Magic Mouse) <br> Pinch in (trackpad) <br></td>
</tr>
<tr>
<td>Zoom to 100%</td>
<td style="text-align: center;">Ctrl + Shift + 0</td>
<td style="text-align: center;">⌘⇧0</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>0</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd> <kbd>0</kbd></td>
</tr>
<tr>
<td>Zoom to fit all</td>
<td style="text-align: center;">Ctrl + Shift + 1</td>
<td style="text-align: center;">⌘⇧1</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>1</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd> <kbd>1</kbd></td>
</tr>
<tr>
<td>Zoom to selected</td>
<td style="text-align: center;">Ctrl + Shift + 2</td>
<td style="text-align: center;">⌘⇧2</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>2</kbd></td>
<td style="text-align: center;"><kbd></kbd> <kbd></kbd> <kbd>2</kbd></td>
</tr>
</tbody>
</table>
@ -345,19 +350,19 @@ title: Shortcuts
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<tbody>
<tr>
<th width="NaN%" valign="top" class="cellrowborder"><strong>shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
<tr>
<td>Next frame</td>
<td style="text-align: center;">→</td>
<td style="text-align: center;">→</td>
<td style="text-align: center;"><kbd></kbd></td>
<td style="text-align: center;"><kbd></kbd></td>
</tr>
<tr>
<td>Previous frame</td>
<td style="text-align: center;">←</td>
<td style="text-align: center;">←</td>
<td style="text-align: center;"><kbd></kbd></td>
<td style="text-align: center;"><kbd></kbd></td>
</tr>
</tbody>
</table>
@ -367,19 +372,19 @@ title: Shortcuts
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<tbody>
<tr>
<th width="NaN%" valign="top" class="cellrowborder"><strong>shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th width="NaN%" valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
<tr>
<td>View mode</td>
<td style="text-align: center;">g v</td>
<td style="text-align: center;">g v</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>V</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>V</kbd></td>
</tr>
<tr>
<td>Dashboard</td>
<td style="text-align: center;">g d</td>
<td style="text-align: center;">g d</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>D</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>D</kbd></td>
</tr>
</tbody>
</table>