From 69488a562762280b66bb56035c51941078e94882 Mon Sep 17 00:00:00 2001 From: Richard Hitier Date: Tue, 9 Mar 2021 15:19:53 +0100 Subject: [PATCH] Styling vertical menu --- app/static/css/style.css | 48 ++++++++++++++++++++++++++++++++---------------- app/templates/base_page.html | 60 ++++++++++++++++++++++++++++++------------------------------ 2 files changed, 62 insertions(+), 46 deletions(-) diff --git a/app/static/css/style.css b/app/static/css/style.css index 51357a6..0bad020 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -1,27 +1,43 @@ html { - position: relative; - min-height: 100%; + position: relative; + min-height: 100%; } .footer { - position: absolute; - bottom: 0; - width: 100%; - height: 40px; - margin-bottom: 35px; + position: absolute; + bottom: 0; + width: 100%; + height: 40px; + margin-bottom: 35px; } .sidebar { - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: 100; /* Behind the navbar */ - padding: 0; - box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 100; /* Behind the navbar */ + padding: 0; + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); } .sidebar .nav-link { - font-weight: 500; - color: #333; + font-weight: 500; + color: #333; } + +#v-bar a:hover { + background-color: lightgrey; +} + +#v-bar a { + color: black; + text-decoration: none; +} + +#v-bar a.disabled { + /* Make the disabled links grayish*/ + color: lightgrey; + /* And disable the pointer events */ + pointer-events: none; +} \ No newline at end of file diff --git a/app/templates/base_page.html b/app/templates/base_page.html index 1af7352..fe21210 100644 --- a/app/templates/base_page.html +++ b/app/templates/base_page.html @@ -23,7 +23,7 @@ {% endif %} -
+