From 4cd2cdb15389e952ae3f326abf66a7627d49c98a Mon Sep 17 00:00:00 2001 From: QA2A <150867722+QA2A@users.noreply.github.com> Date: Sun, 8 Sep 2024 14:33:00 -0400 Subject: [PATCH] refactor: Update search query in JobListView to use description_markdown field --- website/templates/website/job_list.html | 302 +++++++++++++++--------- website/views.py | 2 +- 2 files changed, 186 insertions(+), 118 deletions(-) diff --git a/website/templates/website/job_list.html b/website/templates/website/job_list.html index 2476631..271c9ca 100644 --- a/website/templates/website/job_list.html +++ b/website/templates/website/job_list.html @@ -1,11 +1,10 @@ {% extends "base.html" %} - {% load static %} {% load humanize %} {% load custom_filters %} {% block content %} -{% include 'sidebar.html' %} - - - - -
Company | -Role | -Location | -Salary | -Posted - | - -- | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
- - | -- {% if job.role %} - {{ job.role }} - {% else %} - - {{job.title}} - {% endif %} - | -{% if job.remote %}remote{% endif %} {{ job.location|default:""|truncatechars:20 }} | -{% if job.salary_min and job.salary_max %} - ${{ job.salary_min|floatformat:0|intcomma }} - ${{ job.salary_max|floatformat:0|intcomma }} - {% endif %} - | -- {% if job.posted_date %}{{ job.posted_date|timesince }} ago{% endif %} - | - + /* Style for the dropdown container */ + .dropdown { + position: relative; + display: inline-block; + } -
+ /* Style for the dropdown content (the links) */
+ .dropdown-content {
+ display: none;
+ position: absolute;
+ background-color: white;
+ min-width: 160px;
+ box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+ z-index: 1;
+ }
- {% if job.company.email and job.role %}
-
- Apply
-
- {% else %}
+ /* Style for individual links in the dropdown */
+ .dropdown-content a {
+ color: black;
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ }
+ /* Show the dropdown when hovering */
+ .dropdown-content a:hover {
+ background-color: #ddd;
+ }
+ /* Dropdown button (the "..." icon) */
+ .dropdown .dropbtn {
+ border: none;
+ cursor: pointer;
+ font-size: 16px;
+ padding: 0px;
+ background-color: white;
+ color:#000;
+ }
+ /* Show the dropdown content when the dropdown is clicked */
+ .dropdown:hover .dropdown-content {
+ display: block;
+ }
+
+
|