From 32f2339c478d9f1f756780ddf7d7d188cc0e5f67 Mon Sep 17 00:00:00 2001 From: Lucas Verney Date: Sun, 11 Jun 2017 13:33:22 -0400 Subject: [PATCH] More responsive layout (#213) Fix navbar responsiveness on mobile. --- budget/static/css/main.css | 7 ++- budget/templates/home.html | 8 +-- budget/templates/layout.html | 72 ++++++++++++---------- budget/templates/sidebar_table_layout.html | 4 +- 4 files changed, 50 insertions(+), 41 deletions(-) diff --git a/budget/static/css/main.css b/budget/static/css/main.css index 11963d20..54a00081 100644 --- a/budget/static/css/main.css +++ b/budget/static/css/main.css @@ -74,7 +74,12 @@ body { background-repeat: no-repeat; height: 100%; color: black; - position: fixed; +} + +@media (min-width: 768px) { + .sidebar { + position: fixed; + } } #add-member-form { padding-top: 1em; padding-bottom: 1em; } diff --git a/budget/templates/home.html b/budget/templates/home.html index c7a9d1e8..9bfe4671 100644 --- a/budget/templates/home.html +++ b/budget/templates/home.html @@ -3,19 +3,19 @@ {% block body %}
-
+
{{ _("Log to an existing project") }}... @@ -27,7 +27,7 @@
-
+
{% if is_admin_mode_enabled %} ...{{ _("or create a new one") }} {% else %} diff --git a/budget/templates/layout.html b/budget/templates/layout.html index 979f994f..3f2c35de 100644 --- a/budget/templates/layout.html +++ b/budget/templates/layout.html @@ -34,41 +34,45 @@ - -
+ +
{% block body %} diff --git a/budget/templates/sidebar_table_layout.html b/budget/templates/sidebar_table_layout.html index 7c831f4b..239acb3b 100644 --- a/budget/templates/sidebar_table_layout.html +++ b/budget/templates/sidebar_table_layout.html @@ -2,11 +2,11 @@ {% block body %}
-