Settings OpenPGP use <details>

This commit is contained in:
the-djmaze 2022-01-29 00:20:31 +01:00
parent 9f125c18c3
commit b06b04a579
2 changed files with 13 additions and 9 deletions

View file

@ -10,6 +10,10 @@
border: 0; border: 0;
border-bottom: 1px solid @dropdownDividerTop; border-bottom: 1px solid @dropdownDividerTop;
} }
summary.legend {
display: list-item;
cursor: pointer;
}
.btn-small.btn-small-small { .btn-small.btn-small-small {
font-size: 11px; font-size: 11px;

View file

@ -18,8 +18,8 @@
</div> </div>
<br /> <br />
<!-- ko if: canGnuPG --> <details data-bind="if: canGnuPG">
<div class="legend">GnuPG</div> <summary class="legend">GnuPG</summary>
<table class="table table-hover list-table"> <table class="table table-hover list-table">
<tbody><tr><th colspan="4" data-i18n="SETTINGS_OPEN_PGP/TITLE_PRIVATE">Private keys</th></tr></tbody> <tbody><tr><th colspan="4" data-i18n="SETTINGS_OPEN_PGP/TITLE_PRIVATE">Private keys</th></tr></tbody>
<tbody data-bind="foreach: gnupgPrivateKeys, i18nUpdate: gnupgPrivateKeys"> <tbody data-bind="foreach: gnupgPrivateKeys, i18nUpdate: gnupgPrivateKeys">
@ -62,10 +62,10 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<!-- /ko --> </details>
<!-- ko if: canOpenPGP --> <details data-bind="if: canOpenPGP">
<div class="legend">OpenPGP.js</div> <summary class="legend">OpenPGP.js</summary>
<table class="table table-hover list-table"> <table class="table table-hover list-table">
<tbody><tr><th colspan="4" data-i18n="SETTINGS_OPEN_PGP/TITLE_PRIVATE">Private keys</th></tr></tbody> <tbody><tr><th colspan="4" data-i18n="SETTINGS_OPEN_PGP/TITLE_PRIVATE">Private keys</th></tr></tbody>
<tbody data-bind="foreach: openpgpkeysPrivate, i18nUpdate: openpgpkeysPrivate"> <tbody data-bind="foreach: openpgpkeysPrivate, i18nUpdate: openpgpkeysPrivate">
@ -106,9 +106,9 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<!-- /ko --> </details>
<!-- ko if: canMailvelope --> <details data-bind="if: canMailvelope">
<div class="legend">Mailvelope</div> <summary class="legend">Mailvelope</summary>
<div id="mailvelope-settings" style="height:40em"></div> <div id="mailvelope-settings" style="height:40em"></div>
<!-- /ko --> </details>