(search) Reduce visual weight of search results

This commit is contained in:
Viktor Lofgren 2023-11-27 18:15:01 +01:00
parent 2ff64c3c12
commit f9d3455320
2 changed files with 13 additions and 5 deletions

View File

@ -325,7 +325,7 @@ footer {
.heading { .heading {
margin: 0; margin: 0;
padding: 0.5ch; padding: 0.5ch;
background-color: $highlight-dark; background-color: $highlight-light;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
font-family: $heading-fonts; font-family: $heading-fonts;
font-weight: normal; font-weight: normal;
@ -358,7 +358,7 @@ footer {
padding: 0.5ch; padding: 0.5ch;
font-size: 14pt; font-size: 14pt;
word-break: keep-all; word-break: keep-all;
background-color: $highlight-dark; background-color: $highlight-light;
color: $fg-light; color: $fg-light;
font-family: $heading-fonts; font-family: $heading-fonts;
font-weight: normal; font-weight: normal;
@ -461,11 +461,13 @@ footer {
} }
h2 { h2 {
a { a {
color: $fg-light; color: $fg-dark;
text-decoration: none; text-decoration: none;
} }
font-size: 12pt; font-size: 12pt;
@extend .heading; @extend .heading;
background-color: $highlight-light2;
} }
.description { .description {

View File

@ -1,10 +1,16 @@
<h2>Filters <button id="menu-close">X</button></h2> <h2>Filters <button id="menu-close">X</button></h2>
<ul> <ul>
{{#with removeJsOption}} {{#with removeJsOption}}
<li class="filter-toggle-{{#if set}}on{{/if}}{{#unless set}}off{{/unless}}"><a href="{{url}}">{{name}}</a></li> <li title="Exclude results with javascript"
class="filter-toggle-{{#if set}}on{{/if}}{{#unless set}}off{{/unless}}">
<a href="{{url}}">{{name}}</a>
</li>
{{/with}} {{/with}}
{{#with reduceAdtechOption}} {{#with reduceAdtechOption}}
<li class="filter-toggle-{{#if set}}on{{/if}}{{#unless set}}off{{/unless}}"><a href="{{url}}">{{name}}</a></li> <li title="Exclude results with tracking or likely affiliate links"
class="filter-toggle-{{#if set}}on{{/if}}{{#unless set}}off{{/unless}}">
<a href="{{url}}">{{name}}</a>
</li>
{{/with}} {{/with}}
</ul> </ul>
<h3>Domains</h3> <h3>Domains</h3>