keybinding help styling

This commit is contained in:
Nazar Kanaev 2021-03-02 13:19:19 +00:00
parent 28ad0345f3
commit caabd069d6
2 changed files with 62 additions and 56 deletions

View File

@ -386,62 +386,60 @@
</div> </div>
<div v-else-if="settings=='shortcuts'"> <div v-else-if="settings=='shortcuts'">
<p class="cursor-default"><b>Keyboard shortuts (case-sensitive)</b></p> <p class="cursor-default"><b>Keyboard shortuts (case-sensitive)</b></p>
<div>
<b-table-simple striped bordered responsive> <table class="table table-borderless table-sm table-compact m-0">
<b-thead> <tr><td colspan=2>Show:</td></tr>
<b-tr> <tr>
<b-th>Key</b-th> <td><kbd>1</kbd></td>
<b-th>Action</b-th> <td>unread feeds</td>
</b-tr> </tr>
</b-thead> <tr>
<b-tbody> <td><kbd>2</kbd></td>
<b-tr> <td>starred feeds</td>
<b-td>r</b-td> </tr>
<b-td>toggle item as read / unread</b-td> <tr>
</b-tr> <td><kbd>3</kbd></td>
<b-tr> <td>all feeds</td>
<b-td>R</b-td> </tr>
<b-td>mark all items as read</b-td>
</b-tr> <tr><td colspan=2>Navigate:</td></tr>
<b-tr> <tr>
<b-td>s</b-td> <td><kbd>j</kbd></td>
<b-td>star / unstar item</b-td> <td>next article</td>
</b-tr> </tr>
<b-tr> <tr>
<b-td>?</b-td> <td><kbd>k</kbd></td>
<b-td>focus the search bar</b-td> <td>previous article</td>
</b-tr> </tr>
<b-tr> <tr>
<b-td>A</b-td> <td><kbd>l</kbd></td>
<b-td>view All items</b-td> <td>next feed </td>
</b-tr> </tr>
<b-tr> <tr>
<b-td>U</b-td> <td><kbd>h</kbd></td>
<b-td>view Unread items</b-td> <td>previos feed</td>
</b-tr> </tr>
<b-tr>
<b-td>S</b-td> <tr><td colspan=2>Mark</td></tr>
<b-td>view Starred items</b-td> <tr>
</b-tr> <td><kbd>R</kbd></td>
<b-tr> <td>all articles as read</td>
<b-td>j</b-td> </tr>
<b-td>go to next feed item</b-td> <tr>
</b-tr> <td><kbd>r</kbd></td>
<b-tr> <td>an article as read/unread</td>
<b-td>k</b-td> </tr>
<b-td>go to previous feed item</b-td> <tr>
</b-tr> <td><kbd>s</kbd></td>
<b-tr> <td>an article as starred/unstarred</td>
<b-td>l</b-td> </tr>
<b-td>go to next feed</b-td>
</b-tr> <tr><td colspan=2>Misc</td></tr>
<b-tr> <tr>
<b-td>h</b-td> <td><kbd>/</kbd></td>
<b-td>go to previous feed</b-td> <td>focus the search bar</td>
</b-tr> </tr>
</b-tbody> </table>
</b-table-simple>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -108,6 +108,14 @@ select.form-control:not([multiple]):not([size]) {
outline: none; outline: none;
} }
.table-compact tr td:first-child {
padding-left: 0;
}
.table-compact tr td:last-child {
padding-right: 0;
}
/* custom elements */ /* custom elements */
.icon { .icon {