shortcuts layout fix

This commit is contained in:
zadam 2022-12-08 14:27:21 +01:00
parent 73eb585398
commit 95f4195ca7
2 changed files with 32 additions and 3 deletions

View file

@ -30,8 +30,17 @@ import DatabaseAnonymizationOptions from "./options/advanced/database_anonymizat
const TPL = `<div class="note-detail-content-widget note-detail-printable">
<style>
.type-contentWidget .note-detail {
height: 100%;
}
.note-detail-content-widget {
height: 100%;
}
.note-detail-content-widget-content {
padding: 15px;
height: 100%;
}
</style>

View file

@ -4,7 +4,27 @@ import dialogService from "../../../services/dialog.js";
import OptionsWidget from "./options_widget.js";
const TPL = `
<div class="options-section" style="display: flex; flex-direction: column; height: 100%;">
<div class="options-section shortcuts-options-section">
<style>
.shortcuts-options-section {
display: flex;
flex-direction: column;
height: 100%;
}
.shortcuts-table-container {
overflow: auto;
flex-grow: 1;
flex-shrink: 1;
}
.shortcuts-options-buttons {
display: flex;
justify-content: space-between;
margin: 15px 15px 0 15px;
}
</style>
<h4>Keyboard shortcuts</h4>
<p>
@ -16,7 +36,7 @@ const TPL = `
<input type="text" class="keyboard-shortcut-filter form-control" placeholder="Type text to filter shortcuts...">
</div>
<div style="overflow: auto; flex-grow: 1; flex-shrink: 1;">
<div class="shortcuts-table-container">
<table class="keyboard-shortcut-table" cellpadding="10">
<thead>
<tr>
@ -30,7 +50,7 @@ const TPL = `
</table>
</div>
<div style="display: flex; justify-content: space-between">
<div class="shortcuts-options-buttons">
<button class="options-keyboard-shortcuts-reload-app btn btn-primary">Reload app to apply changes</button>
<button class="options-keyboard-shortcuts-set-all-to-default btn">Set all shortcuts to the default</button>