Move to line-based left menu

themes/tsc_vfl/assets/css/main.scss

@@ -71,8 +71,11 @@ h1 {
             }
 
             .announcements {
-                margin-top: 20px;
-                background-color: $color-blue-thin;
+                margin-top: 25px;
+                padding-top: 5px;
+                //border-top: solid 1px $color-blue-light;
+
+                color: $color-blue;
 
                 .entry {
                     margin: 25px 0;
@@ -91,7 +94,7 @@ h1 {
                     }
 
                     a {
-                        color: black;
+                        color: inherit;
                     }
                 }
             }
@@ -101,21 +104,34 @@ h1 {
             display: flex;
             flex-direction: column;
 
-            > a {
-                text-decoration: none;
-                height: 35px;
-                margin: 2px 0;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                padding: 0 15px;
-                font: 1.5em 'Open Sans Condensed', sans-serif;
-                color: black;
-                background-color: $color-blue-thin;
+            color: $color-blue;
 
+            
+            > div {
+                
+                padding: 1px 0;
+                border-bottom: solid 1px $color-blue-light;
+                
                 &.active, &:hover {
                     background-color: $color-blue;
                     color: white;
+                    font-weight: bold;
+                }
+
+                &:nth-last-of-type(1) {
+                    border-bottom: none;
+                }
+
+                > a {
+                    text-decoration: none;
+                    height: 35px;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    padding: 0 15px;
+                    font: 1.5em 'Open Sans Condensed', sans-serif;
+                    color: inherit;
+                    font-weight: inherit;
                 }
             }
         }

themes/tsc_vfl/layouts/partials/page/left-announcements.html

@@ -1,4 +1,5 @@
 {{ $announcements := partial "get-announcement-list" . }}
+{{ if gt (len $announcements) 0 }}
 <div class="announcements">
     {{ range $announcements }}
         {{ $urlBlogEntry := .Permalink}}
@@ -10,3 +11,4 @@
         </div>
     {{ end }}
 </div>
+{{ end }}

themes/tsc_vfl/layouts/partials/page/left_menu.html

@@ -12,9 +12,11 @@
                 {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
                     {{ $submenu = " active"}}
                 {{ end }}
-                <a href="{{ .URL }}" class="{{ $submenu }}">
-                    {{ print .Name | safeHTML }}
-                </a>
+                <div class="{{ $submenu }}">
+                    <a href="{{ .URL }}" class="{{ $submenu }}">
+                        {{ print .Name | safeHTML }}
+                    </a>
+                </div>
             {{ end }}
         {{ end }}
     {{ end }}