From 2807aa00519f8e92c46a985470f26a256a4594b7 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Tue, 1 Sep 2020 20:06:19 +0200
Subject: [PATCH] Fix breakpoints for responsive design
---
aleksis/apps/alsijil/static/css/alsijil/alsijil.css | 13 +++++++++++++
.../templates/alsijil/class_register/week_view.html | 4 ++--
2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/aleksis/apps/alsijil/static/css/alsijil/alsijil.css b/aleksis/apps/alsijil/static/css/alsijil/alsijil.css
index f551a6e81..19c98902d 100644
--- a/aleksis/apps/alsijil/static/css/alsijil/alsijil.css
+++ b/aleksis/apps/alsijil/static/css/alsijil/alsijil.css
@@ -13,3 +13,16 @@ table a.tr-link {
flex-grow: 100;
text-align: right!important;
}
+
+@media only screen and (min-width: 1201px) {
+ .hide-on-extra-large-only {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 1200px) {
+ .show-on-extra-large {
+ display: none;
+ }
+
+}
diff --git a/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html b/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
index 80b833a2c..af413a55d 100644
--- a/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
+++ b/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
@@ -45,7 +45,7 @@
<div class="col s12 l7">
{% regroup lesson_periods by period.get_weekday_display as periods_by_day %}
{% for weekday, periods in periods_by_day %}
- <div class="card hide-on-med-and-down">
+ <div class="card show-on-extra-large">
<div class="card-content">
{% weekday_to_date week periods.0.period.weekday as current_date %}
<span class="card-title">
@@ -106,7 +106,7 @@
</table>
</div>
</div>
- <ul class="collapsible hide-on-large-only">
+ <ul class="collapsible hide-on-extra-large-only">
<li class="">
{% weekday_to_date week periods.0.period.weekday as current_date %}
<div class="collapsible-header flow-text">
--
GitLab