Commit 4a15af92 authored by Rachel TORCHET's avatar Rachel TORCHET
Browse files

Compounds_list - Update filters selection aspect and badges

parent 9c43ab3c
Pipeline #14407 passed with stages
in 11 minutes and 52 seconds
......@@ -80,9 +80,9 @@ Description: IPPI-DB Theme
}
.sidenav a {
padding: 8px 8px 0px 32px;
padding: 8px 8px 0px 18px;
text-decoration: none;
font-size: 25px;
font-size: 16px;
color: #818181;
display: block;
transition: 0.3s;
......@@ -118,6 +118,11 @@ Description: IPPI-DB Theme
margin-left: 10px;
}
.filters_subtitles {
margin-left: 15px;
cursor: pointer;
}
.open_filters_btn{
padding:0px;
}
......@@ -142,6 +147,14 @@ Description: IPPI-DB Theme
padding: 10px;
}
.filter_item{
margin-left:10px;
}
.selected-filters {
color: #495057 !important;
background-color: #e9ecef !important;
}
.border_card {
border-color: #E8E0E0 !important;
......
{% if param_value %}
<span class="badge badge-info" style="font-size: 100%">{{ label }}
<a href="#" style="color: white;" onclick="modifyUrl('{{ param_name }}',null)"><i class="remove fa fa-times-circle"></i></a>
<span class="badge badge-info selected-filters" style="font-size: 100%">{{ label }}
<a href="#" style="color: #495057;" onclick="modifyUrl('{{ param_name }}',null)"><i class="remove fa fa-times-circle"></i></a>
</span>&nbsp;
{% endif %}
\ No newline at end of file
{% if values %}
{% for value in values %}
<span class="badge badge-info" style="font-size: 100%">{{ value.name|default:value }}
<a href="#" style="color: white;" onclick="removeFromSelection('{{ param_name }}', '{{ value.id|default:value }}')"><i class="remove fa fa-times-circle"></i></a>
<span class="badge badge-info selected-filters" style="font-size: 100%">{{ value.name|default:value }}
<a href="#" style="color: #495057;" onclick="removeFromSelection('{{ param_name }}', '{{ value.id|default:value }}')"><i class="remove fa fa-times-circle"></i></a>
</span>&nbsp;
{% endfor %}
{% endif %}
{% if param_value %}
<span class="badge badge-info" style="font-size: 100%" title="{{ param_value }}">{{ param_label }}: {% include "compound_smiles_draw.html" with id='similar_to' smile=param_value width='30' height='16' theme="dark"%}
<a href="#" style="color: white;" onclick="modifyUrl(['{{ param_name }}','sort_by'])"><i class="remove fa fa-times-circle"></i></a>
<span class="badge badge-info selected-filters" style="font-size: 100%" title="{{ param_value }}">{{ param_label }}: {% include "compound_smiles_draw.html" with id='similar_to' smile=param_value width='30' height='16' theme="dark"%}
<a href="#" style="color: #495057;" onclick="modifyUrl(['{{ param_name }}','sort_by'])"><i class="remove fa fa-times-circle"></i></a>
</span>&nbsp;
{% endif %}
{% if param_value %}
<span class="badge badge-info" style="font-size: 100%">{{ param_label }}: {{ param_value_min }} to {{ param_value_max }}
<a href="#" style="color: white;" onclick="removeFromSelection('{{ param_name }}', '{{ param_value }}')"><i class="remove fa fa-times-circle"></i></a>
<span class="badge badge-info selected-filters" style="font-size: 100%">{{ param_label }}: {{ param_value_min }} to {{ param_value_max }}
<a href="#" style="color:#495057;" onclick="removeFromSelection('{{ param_name }}', '{{ param_value }}')"><i class="remove fa fa-times-circle"></i></a>
</span>&nbsp;
{% endif %}
\ No newline at end of file
{% if param_value %}
<span class="badge badge-info" style="font-size: 100%">{{ param_value }}
<a href="#" style="color: white;" onclick="removeFromSelection('{{ param_name }}', '{{ param_value }}')"><i class="remove fa fa-times-circle"></i></a>
<span class="badge badge-info selected-filters" style="font-size: 100%">{{ param_value }}
<a href="#" style="color:#495057;" onclick="removeFromSelection('{{ param_name }}', '{{ param_value }}')"><i class="remove fa fa-times-circle"></i></a>
</span>&nbsp;
{% endif %}
Supports Markdown
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