Fix header size too large on smaller screen laptops

e8ea2b15 · Sébastiaan Versteeg · 3ee2866c · e8ea2b15 · 3ee2866c · e8ea2b15
Verified Commit e8ea2b15 authored Nov 08, 2018 by Sébastiaan Versteeg
--- a/website/thaliawebsite/static/css/base.scss
+++ b/website/thaliawebsite/static/css/base.scss
@@ -106,7 +106,7 @@
 }

 #page-header {
-    height: 360px;
+    height: 200px;

    .image {
        width: 100%;
@@ -115,6 +115,12 @@
    }
 }

+.home {
+    #page-header {
+        height: 360px;
+    }
+}
+
 @media(max-width: 1023px) {
    #page-header {
        height: 170px;

--- a/website/thaliawebsite/static/img/headers/fixed/banner7.jpg
+++ b/website/thaliawebsite/static/img/headers/fixed/banner7.jpg
--- a/website/thaliawebsite/templates/base.html
+++ b/website/thaliawebsite/templates/base.html
@@ -48,7 +48,7 @@

    <!-- build commit: {{ SOURCE_COMMIT }} -->
 </head>
-<body>
+<body class="{% block body_class %}{% endblock %}">

 <section id="announcements-alerts">
    {% if request.member and request.member.current_membership is None %}

--- a/website/thaliawebsite/templates/index.html
+++ b/website/thaliawebsite/templates/index.html
 {% extends 'base.html' %}
 {% load i18n frontpage_events frontpage_articles partner_banners slider %}

+{% block body_class %}home{% endblock %}
+
 {% block header_image_container %}
    {% render_slider %}
 {% endblock header_image_container %}