Commit f5a3a026 authored by Daniel J. Ramirez's avatar Daniel J. Ramirez

Updated engines list

parent 0c8f2acb
......@@ -11,6 +11,10 @@ a {
#search_form #search_input_container {
transition: border-color 0.2s ease-in-out;
}
.fill-transition,
.checkmark .icon {
transition: fill 0.2s ease-in-out;
}
.disabled,
[disabled],
#preferences #engines .engine input:checked ~ .data {
......@@ -179,12 +183,40 @@ input.btn[type="submit"] {
color: rgba(255, 255, 255, 0.8);
background-color: rgba(0, 0, 0, 0.5);
}
.checkmark .icon {
fill: #60686f;
}
.checkmark .icon.checked {
fill: #5068dd;
}
.checkmark_input {
display: none;
}
.checkmark_input.inverted:checked + .checkmark .checked {
display: none;
}
.checkmark_input.inverted:checked + .checkmark .unchecked {
display: initial;
}
.checkmark_input.inverted:not(:checked) + .checkmark .checked {
display: initial;
}
.checkmark_input.inverted:not(:checked) + .checkmark .unchecked {
display: none;
}
.custom-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-weight: normal;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGnsAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW86/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNy0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ
cwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGn
sAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW8
6/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0
ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0w
Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb
7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
}
.custom-select.flat {
border: none;
......@@ -343,7 +375,10 @@ footer {
height: 100%;
width: 100%;
min-width: 0;
margin-left: 16px;
padding-left: 16px;
}
#search_form #search_input_container #q:focus {
outline: none;
}
#search_form #search_input_container button[type="submit"] {
position: relative;
......@@ -372,12 +407,26 @@ footer {
}
#search_form #search_input_container.rtl #q {
margin-left: 0;
margin-right: 16px;
padding-right: 16px;
}
#search_form #search_input_container.rtl #logo_link {
padding-left: 0;
padding-right: 4px;
}
#search_form .twitter-typeahead {
position: unset !important;
width: 100%;
height: 100%;
}
#search_form input.tt-hint {
display: none;
}
#search_form .tt-dropdown-menu {
width: 100%;
background-color: white;
padding-left: 52px;
padding-right: 16px;
}
#search_form #search_params {
display: flex;
justify-content: space-between;
......@@ -430,6 +479,9 @@ footer {
#search_form #time_and_lang {
display: flex;
}
.tt-dropdown-menu {
padding-left: 16px;
}
}
#results {
margin-top: 32px;
......@@ -591,11 +643,17 @@ footer {
display: flex;
margin-bottom: 8px;
}
#preferences #engines .engine {
#preferences #engines .engine .data {
width: 100%;
margin-left: 16px;
margin-right: 16px;
}
#preferences #engines .engine input:checked ~ .data .danger {
display: inline;
}
#preferences #engines .engine input:not(:checked) ~ .data i.danger {
display: none;
}
@media screen and (max-width: 600px) {
.preference.inline {
flex-direction: column;
......@@ -604,41 +662,3 @@ footer {
margin-bottom: 8px;
}
}
.checkmark::after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
display: none;
}
.checkmark {
position: absolute;
height: 25px;
width: 25px;
background: #ccc;
}
.checkmark_input {
display: none;
}
.checkmark_input:not(:checked) + .checkmark {
background: #2196F3;
}
.checkmark_input:not(:checked) + .checkmark::after {
display: block;
}
.data {
margin-left: 35px;
height: 38px;
}
\ No newline at end of file
This diff is collapsed.
......@@ -56,6 +56,25 @@
}
}
.checkmark .icon {
&:extend(.fill-transition);
fill: @text-color;
&.checked { fill: @color_accent; }
}
.checkmark_input {
display: none;
&.inverted:checked {
& + .checkmark .checked { display: none; }
& + .checkmark .unchecked { display: initial; }
}
&.inverted:not(:checked) {
& + .checkmark .checked { display: initial; }
& + .checkmark .unchecked { display: none; }
}
}
.custom-select {
appearance: none;
......
......@@ -15,7 +15,7 @@
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" type="text/css" /> -->
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='css/logicodev.min.css') }}" type="text/css" /> -->
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='css/leaflet.min.css') }}" type="text/css" /> -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/eelo.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/eelo.min.css') }}" type="text/css" />
{% for css in styles %}
<link rel="stylesheet" href="{{ url_for('static', filename=css) }}" type="text/css" />
......
<!-- Google material icons, https://material.io -->
<svg xmlns="http://www.w3.org/2000/svg" class="icons" id="icons" width="0" height="0" viewBox="0 0 24 24" >
<defs>
<g id="search">
<path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
</g>
......@@ -8,5 +9,18 @@
<g id="close">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
</g>
<g id="checkbox_checked">
<path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
</g>
<g id="checkbox_unchecked">
<path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
</g>
<g id="menu">
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
</g>
</defs>
</svg>
\ No newline at end of file
......@@ -3,6 +3,6 @@
<div id="index">
<img src="{{ url_for('static', filename='img/logo_searx_a.png') }}" alt="searx logo" />
<img id="logo_inline" src="{{ url_for('static', filename='img/logo_eelo_inline.png') }}" alt="searx logo" />
{% include 'eelo/search.html' %}
{% include 'eelo/search.html' %}
</div>
{% endblock %}
<!-- use icons defined in icons.html -->
{% macro icon(action) -%}
<svg class="icon" viewBox="0 0 24 24" width="24px" height="24px">
{% macro icon(action, classes="") -%}
<svg class="icon {{ classes }}" viewBox="0 0 24 24" width="24px" height="24px">
<use href="#{{ action }}" xlink:href="#{{ action }}"></use>
</svg>
{%- endmacro %}
<!-- Search bar base -->
{% macro search_bar(value="", inline=false, rtl=false) -%}
{% macro search_bar(value="", inline=false, rtl=false, autofocus=false) -%}
<form method="{{ method or 'POST' }}" action="{{ url_for('index') }}" id="search_form" {% if inline %}class="inline-search" {% endif %} role="search">
<div id="search_input_container" {% if rtl -%} class="rtl" {%- endif %}>
{% if inline %}
<a href="{{ url_for('index') }}" id="logo_link"><img src="{{ url_for('static', filename='themes/eelo/img/logo.png') }}" alt="" id="logo"></a>
{% endif %}
<input type="search" name="q" class="form-control" id="q" placeholder="{{ _('Search for...') }}" autocomplete="off" value="{{ value }}">
<input type="search" name="q" class="form-control" id="q" placeholder="{{ _('Search for...') }}" autocomplete="off" value="{{ value }}" {% if autofocus %}autofocus{% endif %}>
<button type="submit">{{ icon('search') }}</button>
</div>
......@@ -62,8 +62,11 @@
{%- endmacro %}
{% macro checkbox_toggle(id, blocked) -%}
<input class="checkmark_input" type="checkbox" id="{{ id }}" name="{{ id }}"{% if blocked %} checked="checked"{% endif %} class="onoffswitch-checkbox">
<label for="{{ id }}" class="checkmark"></label>
<input class="checkmark_input inverted" type="checkbox" id="{{ id }}" name="{{ id }}"{% if blocked %} checked="checked"{% endif %} class="onoffswitch-checkbox">
<label for="{{ id }}" class="checkmark">
{{ icon("checkbox_checked", "checked") }}
{{ icon("checkbox_unchecked", "unchecked") }}
</label>
{%- endmacro %}
{% macro support_toggle(supports) -%}
......
{% from 'eelo/macros.html' import search_bar %}
{% call search_bar(q, rtl=rtl) %}{% endcall %}
\ No newline at end of file
{% call search_bar(q, rtl=rtl, autofocus=True) %}{% endcall %}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment