Merge pull request #993 from ae-utbm/elections

Quick fix for election display
This commit is contained in:
thomas girod 2025-01-08 08:55:22 +01:00 committed by GitHub
commit 4226ba88ae
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 65 additions and 53 deletions

View File

@ -25,12 +25,12 @@ $min_col_width: 100px;
} }
} }
.election_vote { #page #content {
overflow-x: scroll !important; overflow-x: clip;
} }
.election_table { .election_table {
width: 100%; width: inherit;
>.lists { >.lists {
display: flex; display: flex;
@ -93,16 +93,24 @@ $min_col_width: 100px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin: 0; margin: 0;
row-gap: 10px;
padding: $padding; padding: $padding;
width: 100%; width: 100%;
>.role_text { >.role_text {
display: flex;
flex-direction: column;
>h4 { >h4 {
margin: 0; margin: 0;
} }
>p { >p {
flex-grow: 1;
margin-top: .5em; margin-top: .5em;
text-wrap: auto;
text-align: left;
} }
} }
@ -215,7 +223,9 @@ $min_col_width: 100px;
margin: 0; margin: 0;
text-align: center; text-align: center;
} }
.candidate_program { .candidate_program {
text-wrap: auto;
margin: 5px 0; margin: 5px 0;
} }
} }
@ -253,6 +263,8 @@ $min_col_width: 100px;
} }
} }
#content {
.election_details { .election_details {
margin: .5em 0; margin: .5em 0;
} }
@ -285,8 +297,10 @@ $min_col_width: 100px;
&_send { &_send {
background-color: #59aee2; background-color: #59aee2;
&:hover { &:hover {
background-color: rgb(130, 186, 235); background-color: rgb(130, 186, 235);
} }
} }
} }
}

View File

@ -4,12 +4,11 @@
{{ object.title }} {{ object.title }}
{% endblock %} {% endblock %}
{% block head %}
{{ super() -}}
<link rel="stylesheet" href="{{ static('election/css/election.scss') }}">
{%- endblock %}
{% block additional_css %} {% block additional_css %}
<link rel="stylesheet" href="{{ static('election/css/election.scss') }}">
{% endblock %}
{% block additional_js %}
<script src="{{ static('bundled/vendored/jquery.shorten.min.js') }}"></script> <script src="{{ static('bundled/vendored/jquery.shorten.min.js') }}"></script>
{% endblock %} {% endblock %}
@ -47,7 +46,6 @@
{% csrf_token %} {% csrf_token %}
<table class="election_table"> <table class="election_table">
{%- set election_lists = election.election_lists.all() -%} {%- set election_lists = election.election_lists.all() -%}
<caption></caption>
<thead class="lists"> <thead class="lists">
<tr> <tr>
<th class="column" style="width: {{ 100 / (election_lists.count() + 1) }}%">{% trans %}Blank vote{% endtrans %}</th> <th class="column" style="width: {{ 100 / (election_lists.count() + 1) }}%">{% trans %}Blank vote{% endtrans %}</th>
@ -204,7 +202,7 @@
$('.role_description').shorten({ $('.role_description').shorten({
moreText: "{% trans %}Show more{% endtrans %}", moreText: "{% trans %}Show more{% endtrans %}",
lessText: "{% trans %}Show less{% endtrans %}", lessText: "{% trans %}Show less{% endtrans %}",
showChars: 50 showChars: 300
}); });
$('.candidate_program').shorten({ $('.candidate_program').shorten({
moreText: "{% trans %}Show more{% endtrans %}", moreText: "{% trans %}Show more{% endtrans %}",