[mod] show !bang of (secondary) categories in the preference

The name of the *secondary* categories in the preferences are translated, to use
this categories the user needs to know by which !bang the category can be
selected.  Related to "Make 'non tab category' bangs discoverable" in [#690].

[#690] https://github.com/searxng/searxng/issues/690

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2022-07-24 12:06:49 +02:00
parent cfa62cc45f
commit 2dc4549a27
5 changed files with 40 additions and 15 deletions

View file

@ -113,8 +113,8 @@
--color-toolkit-engine-tooltip-background: #fff;
--color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
--color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
--color-doc-code: #300;
--color-doc-code-background: #fdd;
--color-doc-code: #003;
--color-doc-code-background: #ddeaff;
}
.dark-themes() {
@ -225,8 +225,8 @@
--color-toolkit-engine-tooltip-background: #222;
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
--color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
--color-doc-code: #fdd;
--color-doc-code-background: #300;
--color-doc-code: #003;
--color-doc-code-background: #bdcadf;
}
/// Dark Theme (autoswitch based on device pref)

View file

@ -121,6 +121,15 @@
.ltr-text-align-left();
font-weight: normal;
background: var(--color-settings-engine-group-background);
.group-bang {
.ltr-margin-left(1rem);
.rounded-corners-tiny;
background: var(--color-doc-code-background);
color: var(--color-doc-code);
padding: 0.2rem;
border: 0 none;
}
}
.name,