zaclys/searxng
1
0
Fork 1
mirror of https://github.com/searxng/searxng synced 2024-01-01 19:24:07 +01:00
Code Issues Projects Releases Packages Wiki Activity

[mod] simple theme: build design for details (collapsables)

Browse source 
* set border top and bottom on sidebar collasables
* inrease peading on summary so its easier to click on mobile
* remove margins and add flex wrapper to normalize elements in sidebar
This commit is contained in:
mrpaulblack 2023-05-28 00:37:25 +02:00 • committed by Markus Heiser
parent b7e315563d
commit f087959b02
6 changed files with 46 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

21
searx/static/themes/simple/src/less/style.less
View file

@ -529,6 +529,10 @@ article[data-vim-selected].category-social {
grid-area: urls;
}
#apis .wrapper {
display: flex;
}
#suggestions {
.wrapper {
display: flex;
@ -598,6 +602,21 @@ article[data-vim-selected].category-social {
color: var(--color-base-font);
}
summary.title {
cursor: pointer;
padding-top: 1em;
}
.sidebar-collapsable {
border-top: 1px solid var(--color-sidebar-border);
padding-bottom: 0.5em;
}
#sidebar-end-collapsable {
border-bottom: 1px solid var(--color-sidebar-border);
width: 100%;
}
#answers {
grid-area: answers;
background: var(--color-answer-background);
@ -695,8 +714,6 @@ article[data-vim-selected].category-social {
}
#search_url {
margin-top: 8px;
div.selectable_url {
pre {
width: 200em;