style(next)/options/shortcuts: tweak group headings

This commit is contained in:
Adorian Doran 2025-03-08 04:17:16 +02:00
parent 7582b1c43d
commit 82a63a65da
2 changed files with 20 additions and 1 deletions

View File

@ -77,7 +77,7 @@ export default class KeyboardShortcutsOptions extends OptionsWidget {
const $tr = $("<tr>");
if (action.separator) {
$tr.append($('<td colspan="4">').attr("style", "background-color: var(--accented-background-color); font-weight: bold;").text(action.separator));
$tr.append($('<td class="separator" colspan="4">').attr("style", "background-color: var(--accented-background-color); font-weight: bold;").text(action.separator));
} else if (action.defaultShortcuts && action.actionName) {
$tr.append($("<td>").text(action.actionName))
.append(

View File

@ -85,6 +85,25 @@
width: fit-content;
}
/* Shortcuts */
/* Group heading */
.shortcuts-options-section .separator {
padding-top: 2em;
padding-bottom: 1em;
background: transparent !important;
font-weight: 500;
}
/* Simulates the underline for group headings */
.shortcuts-options-section .separator::after {
content: "";
display: block;
width: 100%;
height: 2px;
background: currentColor;
}
/* Advanced */
.options-section ul.existing-anonymized-databases {