ZaclysIndustries
/
searxngRebrandZaclys
forked from zaclys/searxng
2
0
Fork 0
Code Issues Pull Requests Activity

[simple] allow .tabs to be used for help pages

This commit is contained in:
Martin Fischer 2022-01-31 12:12:53 +01:00
parent fb9eedbf40
commit 5012d06e72
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
searx/static/themes/simple/src/less/toolkit.less
View File

@ -221,6 +221,16 @@ div.selectable_url {
font-size: 90%; font-size: 90%;
} }
ul.tabs {
border-bottom: 1px solid var(--color-toolkit-tabs-section-border);
list-style: none;
padding-left: 0;
li {
display: flex;
}
}
.tabs { .tabs {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -235,7 +245,8 @@ div.selectable_url {
display: none; display: none;
} }
& > label { & > label,
& > li > a {
order: 1; order: 1;
padding: 0.7em; padding: 0.7em;
margin: 0 0.7em; margin: 0 0.7em;
@ -243,13 +254,21 @@ div.selectable_url {
text-transform: uppercase; text-transform: uppercase;
border: solid var(--color-toolkit-tabs-label-border); border: solid var(--color-toolkit-tabs-label-border);
border-width: 0 0 2px 0; border-width: 0 0 2px 0;
color: unset;
.disable-user-select(); .disable-user-select();
cursor: pointer; cursor: pointer;
&.active {
border-bottom: 2px solid var(--color-categories-item-border-selected);
background: var(--color-categories-item-selected);
color: var(--color-categories-item-selected-font);
}
} }
& > label:hover { & > label:hover,
& > li > a:hover {
border-bottom: 2px solid var(--color-categories-item-border-selected); border-bottom: 2px solid var(--color-categories-item-border-selected);
} }