From 7fb9f521d3e469aad7f0b8db199551000081bdc1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9COMosimege=E2=80=9D?= <“onalerona.mosimege@gmail.com”> Date: Tue, 16 Jul 2024 08:26:27 +0200 Subject: [PATCH] styling for search --- app/static/css/styles.css | 37 ++++-- app/templates/app/search.html | 238 +++++++++++++++++++++++++++++++++- 2 files changed, 263 insertions(+), 12 deletions(-) diff --git a/app/static/css/styles.css b/app/static/css/styles.css index d6e97f89..80b2278c 100755 --- a/app/static/css/styles.css +++ b/app/static/css/styles.css @@ -279,6 +279,34 @@ html { font-size: 0.95rem; } +/*Search*/ +.bold-label { + font-weight: bold; +} +.checkbox-container { + + max-height: 130px; /* Adjust based on your line-height and padding to show only 4 rows */ + overflow-y: auto; /* Enable vertical scrollbar when content overflows */ + border: 1px solid #ced4da; /* Bootstrap's form control border color */ + /*border-radius: 0.25rem; Bootstrap's form control border radius */ +} +.checkbox-container input[type="checkbox"] { + cursor: pointer; + margin-top: 0; +} +.test-checkbox { + /* word-wrap: break-word; + display: flex; + align-items: center; + justify-content: left; + width: 100%; + padding: 20px; */ + + display: flex; + align-items: flex-start; + gap: 10px; +} + /*Projects & Institution detail pages*/ .detail { width: 80%; @@ -611,12 +639,3 @@ html { display: flex; } } - -/*Search Css*/ -.checkbox-container { - cursor: pointer; - max-height: 130px; /* Adjust based on your line-height and padding to show only 4 rows */ - overflow-y: auto; /* Enable vertical scrollbar when content overflows */ - border: 1px solid #ced4da; /* Bootstrap's form control border color */ - border-radius: 0.25rem; /* Bootstrap's form control border radius */ -} diff --git a/app/templates/app/search.html b/app/templates/app/search.html index 4709731b..ba508d26 100644 --- a/app/templates/app/search.html +++ b/app/templates/app/search.html @@ -4,9 +4,241 @@ {% block content %}
-
-
-
+
+
+ +
+
+
+ +
+ + +
+
+ +
+ {% for checkbox in filter.form.institution %} +
+ {{ checkbox.tag }} + +
+ {% endfor %} +
+
+ +
+
+
+ +
+ +
+ {% for checkbox in filter.form.document_type %} +
+ {{ checkbox.tag }} + +
+ {% endfor %} +
+
+ +
+
+
+ +
+ +
+ {% for checkbox in filter.form.subjects %} +
+ {{ checkbox.tag }} + +
+ {% endfor %} +
+
+ +
+
+
+ +
+ +
+ {% for checkbox in filter.form.languages %} +
+ {{ checkbox.tag }} + +
+ {% endfor %} +
+
+ +
+
+
+
+ + +
+ +
+ + +
+ + +
+
+ +
+ {% for document in search_results %} +
+
    +
  • + {% trans "Title:" %} + {{ document.title }} +
    • +
  • + {% trans "Institution:" %} + {{ document.institution }} +
    • +
  • + {% trans "Headline:" %} + {{ document.search_headline|safe }} +
    • +
  • + {% trans "File:" %} + {{ document.uploaded_file }} +
    • +
  • + {% trans "License:" %} + {{ document.license }} +
    • +
  • + {% trans "License:" %} + {{ document.document_type }} +
    • +
  • + {% trans "Mime Type:" %} + {{ document.mime_type }} +
    • +
  • + {% trans "Rank:" %} + {{ document.rank }} +
    • +
+
+ {% endfor %} +
+ + + +
+ + +
+
+
+
+ +
+ {% for checkbox in filter.form.institution %} +
+
+ {{ checkbox.tag }} + +
+
+ {% endfor %} +
+
+
+
+
+ +
+ {% for checkbox in filter.form.document_type %} +
+ {{ checkbox.tag }} + +
+ {% endfor %} +
+
+
+
+
+ +
+ {% for checkbox in filter.form.subjects %} +
+ {{ checkbox.tag }} + +
+ {% endfor %} +
+
+
+
+
+ +
+ {% for checkbox in filter.form.languages %} +
+ {{ checkbox.tag }} + +
+ {% endfor %} +
+
+
+
+
+ +
+ +
+ + + + + + +
+
+
+ + + + + +
+
+
{% trans "Search a term" %}