Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile improvements #2054

Merged
merged 20 commits into from
Feb 26, 2024
Merged

Mobile improvements #2054

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
eefb284
avoid overflows in rewards overview on mobile
LinqLover Oct 23, 2023
75af5b2
make navbar menu scrollable for small display heights
LinqLover Oct 23, 2023
11f0936
make footer horizontally scrollable on small screens
LinqLover Oct 23, 2023
47e18ff
button-open-notebook should not overlay navbar menu
LinqLover Oct 23, 2023
2590cce
contact form: enable line breaks in anonymous sender button
LinqLover Oct 23, 2023
6380673
remove horizontal overflows in contributor index
LinqLover Oct 23, 2023
dd52928
avoid horizontal overflows of percentage value in distribution bars
LinqLover Oct 23, 2023
efa6793
avoid horizontal overflows in grade views
LinqLover Oct 23, 2023
472e893
avoid horizontal overflows in contributor evaluation form
LinqLover Oct 23, 2023
70c8597
Update evap/static/scss/components/_buttons.scss
LinqLover Oct 23, 2023
6ff1ef2
avoid horizontal overflows in some staff views
LinqLover Nov 6, 2023
149a57c
make staff overview mobile-friendly
LinqLover Nov 6, 2023
91aca6c
avoid horizontal overflows of breadcrumb arrow
LinqLover Nov 6, 2023
d80cbde
Merge remote-tracking branch 'origin/mobile-1' into mobile-1
LinqLover Nov 6, 2023
cf0135f
avoid horizontal overflows in staff faq views
LinqLover Nov 6, 2023
7c85821
fix navbar menus on desktop
LinqLover Nov 6, 2023
2216d83
Revert "Update evap/static/scss/components/_buttons.scss"
richardebeling Feb 26, 2024
2c6afd2
Revert "button-open-notebook should not overlay navbar menu"
richardebeling Feb 26, 2024
a390631
Update evap/static/scss/components/_distribution-bar.scss
richardebeling Feb 26, 2024
911526b
Update evap/static/scss/components/_staff-index.scss
richardebeling Feb 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 8 additions & 6 deletions evap/contributor/templates/contributor_evaluation_form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,12 @@
{% block title %}{% trans 'Your EvaP' %} - {{ block.super }}{% endblock %}

{% block breadcrumb_bar %}
<ul class="breadcrumb">
<li class="breadcrumb-item">{{ evaluation.course.semester.name }}</li>
<li class="breadcrumb-item">{{ evaluation.full_name }}</li>
</ul>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
<li class="breadcrumb-item">{{ evaluation.course.semester.name }}</li>
<li class="breadcrumb-item">{{ evaluation.full_name }}</li>
</ul>
</div>
{% endblock %}

{% block content %}
Expand Down Expand Up @@ -59,7 +61,7 @@ <h5 class="card-title">{% trans 'Course data' %}</h5>
</div>
</div>
<div class="card mb-3">
<div class="card-body">
<div class="card-body table-responsive">
<div class="d-flex">
<h5 class="card-title me-auto">{% trans 'Evaluation data' %}</h5>
{% if evaluation.allow_editors_to_edit %}
Expand All @@ -80,7 +82,7 @@ <h5 class="card-title me-auto">{% trans 'Evaluation data' %}</h5>
</div>
</div>
<div class="card mb-3">
<div class="card-body">
<div class="card-body table-responsive">
{% include 'contribution_formset.html' with formset=formset staff=False editable=editable %}
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions evap/contributor/templates/contributor_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
</div>
{% if user.is_delegate %}
<div class="btn-switch btn-switch-light ms-2 d-print-none">
<div class="btn-switch-label"><span class="fas fa-people-arrows-left-right"></span> {% trans 'Delegated evaluations' %}</div>
<div class="btn-switch-label text-break break-spaces"><span class="fas fa-people-arrows-left-right"></span> {% trans 'Delegated evaluations' %}</div>
<div class="btn-switch btn-group">
<a href="{% url 'contributor:index' %}?show_delegated=true" role="button" class="btn btn-sm btn-light{% if show_delegated %} active{% endif %}">
{% trans 'Show' %}
Expand All @@ -42,7 +42,7 @@
<div class="card-header">
{{ semester.semester_name }}
</div>
<div class="card-body">
<div class="card-body table-responsive">
<table class="table table-seamless-links table-vertically-aligned">
<thead>
<tr>
Expand Down
12 changes: 7 additions & 5 deletions evap/development/templates/development_components.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,13 @@
{% block title %}{% trans 'Development' %} - {{ block.super }}{% endblock %}

{% block breadcrumb_bar %}
<ul class="breadcrumb">
{% block breadcrumb %}
<li class="breadcrumb-item">{% trans 'Development' %}</li>
{% endblock %}
</ul>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
{% block breadcrumb %}
<li class="breadcrumb-item">{% trans 'Development' %}</li>
{% endblock %}
</ul>
</div>
{% endblock %}

{% block content %}
Expand Down
2 changes: 1 addition & 1 deletion evap/evaluation/templates/contact_modal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ <h5 class="modal-title" id="{{ modal_id }}Label">{{ title }}</h5>
<input type="radio" class="btn-check" name="{{ modal_id }}RadioGroup" id="{{ modal_id }}SenderName" checked>
<label class="btn btn-sm btn-outline-primary text-break" for="{{ modal_id }}SenderName">{{ user.full_name }}</label>
<input type="radio" class="btn-check" name="{{ modal_id }}RadioGroup" id="{{ modal_id }}AnonymousName">
<label class="btn btn-sm btn-outline-primary" for="{{ modal_id }}AnonymousName">{% trans 'Anonymous' %}</label>
<label class="btn btn-sm btn-outline-primary text-break" for="{{ modal_id }}AnonymousName">{% trans 'Anonymous' %}</label>
</div>
{% else %}
<input type="text" class="form-control mx-auto text-break" id="{{ modal_id }}SenderName" disabled value="{{ user.full_name }}"/>
Expand Down
2 changes: 1 addition & 1 deletion evap/evaluation/templates/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="vote-bg-orange" style="width: 6%;"></div>
<div class="vote-bg-red" style="width: 3%;"></div>
</div>
<nav class="navbar navbar-expand">
<nav class="navbar navbar-expand overflow-x-scroll">
<div class="collapse navbar-collapse justify-content-between">
<ul class="navbar-nav justify-content-start">
<li class="nav-item my-auto">
Expand Down
20 changes: 11 additions & 9 deletions evap/grades/templates/grades_base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,15 @@
{% block title %}{% trans 'Grade publishing' %} - {{ block.super }}{% endblock %}

{% block breadcrumb_bar %}
<ul class="breadcrumb">
{% block breadcrumb %}
{% if disable_breadcrumb_grades or not user.is_grade_publisher %}
<li class="breadcrumb-item">{% trans 'Grade publishing' %}</li>
{% else %}
<li class="breadcrumb-item"><a href="{% url 'grades:index' %}">{% trans 'Grade publishing' %}</a></li>
{% endif %}
{% endblock %}
</ul>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
{% block breadcrumb %}
{% if disable_breadcrumb_grades or not user.is_grade_publisher %}
<li class="breadcrumb-item">{% trans 'Grade publishing' %}</li>
{% else %}
<li class="breadcrumb-item"><a href="{% url 'grades:index' %}">{% trans 'Grade publishing' %}</a></li>
{% endif %}
{% endblock %}
</ul>
</div>
{% endblock %}
2 changes: 1 addition & 1 deletion evap/grades/templates/grades_course_view.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ <h3 class="mb-3">{{ course.name }} ({{ semester.name }})</h3>
<div class="card-header">
{% trans 'Uploaded grade documents' %}
</div>
<div class="card-body">
<div class="card-body table-responsive">
{% if grade_documents %}
<table class="table table-striped table-vertically-aligned">
<thead>
Expand Down
2 changes: 1 addition & 1 deletion evap/grades/templates/grades_semester_view.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ <h3 class="col-8 mb-0">
<div class="card-header">
{% trans 'Courses' %}
</div>
<div class="card-body">
<div class="card-body table-responsive">
{% if courses %}
<table class="table table-striped grade-course-table table-vertically-aligned">
<thead>
Expand Down
10 changes: 6 additions & 4 deletions evap/results/templates/results_evaluation_detail.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,12 @@
{% block title %}{{ evaluation.full_name }} - {{ evaluation.course.semester.name }} - {% trans 'Results' %} - {{ block.super }}{% endblock %}

{% block breadcrumb_bar %}
<ul class="breadcrumb">
<li class="breadcrumb-item">{{ evaluation.course.semester.name }}</li>
<li class="breadcrumb-item">{{ evaluation.full_name }}</li>
</ul>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
<li class="breadcrumb-item">{{ evaluation.course.semester.name }}</li>
<li class="breadcrumb-item">{{ evaluation.full_name }}</li>
</ul>
</div>
{% endblock %}

{% block content %}
Expand Down
4 changes: 2 additions & 2 deletions evap/rewards/templates/rewards_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
<div class="card-header">
{% trans 'Redeem points' %}
</div>
<div class="card-body">
<div class="card-body table-responsive">
<p><b>{% trans 'Total points available' %}: {{ total_points_available }}</b></p>
{% if total_points_available > 0 %}
{% if events %}
Expand Down Expand Up @@ -62,7 +62,7 @@
<div class="card-header">
{% trans 'Reward points history' %}
</div>
<div class="card-body">
<div class="card-body table-responsive">
{% if reward_point_actions %}
<table class="table table-striped">
<thead>
Expand Down
2 changes: 1 addition & 1 deletion evap/rewards/templates/rewards_reward_point_redemption_event_list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="card-header">
{% trans title %}
</div>
<div class="card-body">
<div class="card-body table-responsive">
{% if events %}
<table class="table table-striped">
<thead>
Expand Down
20 changes: 11 additions & 9 deletions evap/staff/templates/staff_base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,15 @@
{% block title %}{% trans 'Manage' %} - {{ block.super }}{% endblock %}

{% block breadcrumb_bar %}
<ul class="breadcrumb">
{% block breadcrumb %}
{% if disable_breadcrumb_manager or not user.is_manager %}
<li class="breadcrumb-item">{% trans 'Manage' %}</li>
{% else %}
<li class="breadcrumb-item"><a href="{% url 'staff:index' %}">{% trans 'Manage' %}</a></li>
{% endif %}
{% endblock %}
</ul>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
{% block breadcrumb %}
{% if disable_breadcrumb_manager or not user.is_manager %}
<li class="breadcrumb-item">{% trans 'Manage' %}</li>
{% else %}
<li class="breadcrumb-item"><a href="{% url 'staff:index' %}">{% trans 'Manage' %}</a></li>
{% endif %}
{% endblock %}
</ul>
</div>
{% endblock %}
2 changes: 1 addition & 1 deletion evap/staff/templates/staff_course_type_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
{{ formset.management_form }}

<div class="card mb-3">
<div class="card-body">
<div class="card-body table-responsive">
<table id="course_types_table" class="table table-vertically-aligned">
<thead>
<tr>
Expand Down
2 changes: 1 addition & 1 deletion evap/staff/templates/staff_degree_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
{{ formset.management_form }}

<div class="card mb-3">
<div class="card-body">
<div class="card-body table-responsive">
<table id="degree_table" class="table table-vertically-aligned">
<thead>
<tr>
Expand Down
2 changes: 1 addition & 1 deletion evap/staff/templates/staff_evaluation_form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ <h3>
</div>
</div>
<div class="card mb-3">
<div class="card-body">
<div class="card-body table-responsive">
{% include 'contribution_formset.html' with formset=formset manager=True editable=editable %}
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion evap/staff/templates/staff_faq_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
{{ formset.management_form }}

<div class="card mb-3">
<div class="card-body">
<div class="card-body table-responsive">
<table id="section_table" class="table table-vertically-aligned">
<thead>
<tr>
Expand Down
2 changes: 1 addition & 1 deletion evap/staff/templates/staff_faq_section.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
{{ formset.management_form }}

<div class="card mb-3">
<div class="card-body">
<div class="card-body table-responsive">
<table id="question_table" class="table">
<thead>
<tr>
Expand Down
Loading
Loading