From f3a7676bfa50ea88cb46cf506983d66d5d5a0116 Mon Sep 17 00:00:00 2001 From: reverend Date: Tue, 4 Aug 2020 23:36:40 +0200 Subject: [PATCH] CSS adjustments --- lostplaces/lostplaces_app/static/main.css | 37 +++++++++++++++---- .../lostplaces_app/templates/global.html | 1 + 2 files changed, 31 insertions(+), 7 deletions(-) diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css index 223d1e1..c3ded89 100644 --- a/lostplaces/lostplaces_app/static/main.css +++ b/lostplaces/lostplaces_app/static/main.css @@ -6,6 +6,15 @@ font-family: Montserrat; src: url("fonts/Montserrat/Montserrat-Regular.otf"), url("fonts/Montserrat/Montserrat-Bold.otf"), url("fonts/Montserrat/Montserrat-Italic.otf"); } +html { + height: 100%; + margin: 0; + padding: 0; } + +body { + height: 100%; + margin: 0; } + .LP-Link { color: #565656; text-decoration: none; @@ -253,12 +262,11 @@ color: #76323F; } .LP-Menu--sidebar { border: none; - min-width: 80px; } + min-width: 60px; } .LP-Menu--sidebar .LP-Menu__List { flex-direction: column; } .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item { text-align: left; - border-left: 1px solid #C09F80; margin-bottom: 10px; } .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child { margin-bottom: 0; } @@ -281,19 +289,19 @@ display: flex; align-items: center; justify-content: space-between; - margin-bottom: 70px; - height: 60px; } + height: 60px; + border-bottom: 1px solid #C09F80; } .LP-Header__Navigation { flex-grow: 2; } .LP-Header__Logo { - height: 60px; + height: 45px; margin: 25px; object-fit: cover; max-height: 100%; overflow: hidden; flex-shrink: 0; } .LP-Header__Logo .LP-Image { - height: 60px; } + height: 100%; } .LP-Header__UserInformation { margin-right: 3%; } @@ -306,7 +314,7 @@ @media (max-width: 750px) { .LP-Header__Logo { - width: 60px; } + width: 45px; } .LP-Header__Logo .LP-Image { object-position: 0 0; object-fit: cover; } } @@ -496,3 +504,18 @@ height: auto; margin: 0; padding: 0; } } + +.LP-Main { + display: flex; + flex-direction: row-reverse; + height: calc(100% - 61px); } + .LP-Main .LP-Main__Content { + flex-grow: 1; + width: calc(100% -300px); + min-height: 1px; } + .LP-Main .LP-Main__Navigation { + flex-shrink: 0; + width: 200px; + flex-grow: 0; + height: 100%; + border-right: 1px solid #C09F80; } diff --git a/lostplaces/lostplaces_app/templates/global.html b/lostplaces/lostplaces_app/templates/global.html index 648c866..1d22a7c 100644 --- a/lostplaces/lostplaces_app/templates/global.html +++ b/lostplaces/lostplaces_app/templates/global.html @@ -5,6 +5,7 @@ + {% block title %}Urban Exploration{% endblock %}