Commit 6dd7daab authored by Alejandro Asensio's avatar Alejandro Asensio
Browse files

style(literature): back to default bootstrap badges for abstract and related_data

parent 999ac671
.btn {
background-color: $color--white;
color: $primary;
font-size: 1rem;
font-weight: 700;
border: 4px solid $primary;
border-radius: 0;
padding: 0.5em 1em;
text-decoration: none !important;
transition: all 100ms linear;
cursor: pointer;
&:hover,
&:focus {
background-color: $primary;
color: $color--white;
border-color: $primary;
}
&--big {
font-size: 1.25rem;
}
}
.ebi-button {
font-weight: 700;
line-height: 1;
......@@ -61,27 +85,3 @@
}
}
}
// .btn {
// background-color: $color--white;
// color: $primary;
// font-size: 1rem;
// font-weight: 700;
// border: 4px solid $primary;
// border-radius: 0;
// padding: 0.5em 1em;
// text-decoration: none !important;
// transition: all 100ms linear;
// cursor: pointer;
// &:hover,
// &:focus {
// background-color: $primary;
// color: $color--white;
// border-color: $primary;
// }
// &--big {
// font-size: 1.25rem;
// }
// }
......@@ -15,6 +15,12 @@ h6 {
margin-bottom: 0.75rem;
line-height: 1.5;
}
// h1,
// h2,
// h3,
// h4,
// h5,
// h6,
// p,
// li,
// .alert {
......
......@@ -132,7 +132,7 @@
<div class="row">
<div class="col">
{{ if .abstract }}
<a class="btn btn-primary btn-link badge badge-primary" data-toggle="collapse" href="#abstract{{ $index }}" role="button" aria-expanded="false" aria-controls="abstract{{ $index }}">
<a class="badge badge-primary dp-background-color--primary" data-toggle="collapse" href="#abstract{{ $index }}" role="button" aria-expanded="false" aria-controls="abstract{{ $index }}">
{{ i18n "abstract" }} <i class="bi bi-caret-down-fill"></i>
</a>
<div class="collapse" id="abstract{{ $index }}">
......@@ -140,7 +140,7 @@
</div>
{{ end }}
{{ if .available_data }}
<a class="btn btn-primary btn-link badge badge-success" data-toggle="collapse" href="#data{{ $index }}" role="button" aria-expanded="false" aria-controls="abstract{{ $index }}">
<a class="badge badge-success" data-toggle="collapse" href="#data{{ $index }}" role="button" aria-expanded="false" aria-controls="abstract{{ $index }}">
{{ i18n "related_data" }} <i class="bi bi-caret-down-fill"></i>
</a>
<div class="collapse list-group" id="data{{ $index }}">
......
......@@ -83,19 +83,11 @@
<b>{{ .title }}{{ if .acronym }} ({{ .acronym }}){{ end }} </b><br>
<span class="text-muted">{{ .pi }}</span><br>
<i>{{ .center }}</i><br>
<!-- <small>Project ID: {{ .isciii_reference }}</small><br> -->
<small>{{ .uni_multi_centric }}</small><br>
<small>Clinical trial: {{ .clinical_trial }}</small><br>
<small>Topic call: {{ delimit .topic_call ", " }}</small><br>
<!-- <a class="btn btn-primary btn-link badge badge-primary" data-toggle="collapse" href="#description-{{ $index }}" role="button" aria-expanded="false" aria-controls="description-{{ $index }}">
{{ i18n "project_description" }} <i class="bi bi-caret-down-fill"></i></a>
<div class="collapse" id="description-{{ $index }}">
<p>{{ .description }}</p>
<p>{{ .more_information }}</p>
</div> -->
<small><b>Organization:</b> {{ .uni_multi_centric }}</small><br>
<small><b>Clinical trial:</b> {{ .clinical_trial }}</small><br>
<small><b>Topic call:</b> {{ delimit .topic_call ", " }}</small><br>
</td>
<td>{{ .isciii_reference }}</td>
<!-- <td>{{ .resolution_date }}</td> -->
<!-- This columns are not visible by DataTables but they are necessary for filtering and CSV downloading -->
<td>{{ .center }}</td>
......@@ -127,7 +119,18 @@
>
>
`,
// processing: true,
buttons: [
{
extend: 'csv',
text: 'Download as CSV',
titleAttr: 'Download table in comma-separated-values format',
className: 'btn btn-primary',
exportOptions: {
columns: [ 1, 2, 3, 4, 5, 6 ],
},
},
],
processing: true,
order: [[ 1, "desc" ]],
columnDefs: [
......@@ -141,6 +144,8 @@
// Move download buttons next to filter search box.
const downloadButton = document.querySelector('#downloadButton');
downloadButton.classList.remove('btn-group', 'flex-wrap');
downloadButton.classList.add('d-flex');
const search = document.querySelector('#search');
search.insertAdjacentElement('afterend', downloadButton);
......
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