[CSS] Add styling for menu selected

This commit is contained in:
Diogo Peralta Cordeiro 2021-09-13 13:10:54 +01:00
parent b393708e29
commit 3fc71b68af
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
2 changed files with 7 additions and 1 deletions

View File

@ -139,6 +139,12 @@ header ul li a {
transition: 500ms ease-in-out;
}
.menu-selected, .menu-selected>a {
text-decoration-line: underline !important;
color: #fff;
font-weight:bolder
}
.sidebar {
padding: 1rem;
}

View File

@ -23,7 +23,7 @@
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item"><a href="/soc" class="menu-link">Programme</a></li>
<li class="menu-item menu-selected">2021</li>
<li class="menu-item menu-selected"><a href="/soc/2021" class="menu-link">2021</a></li>
<li class="menu-item"><a href="/soc/#about-soc" class="menu-link">About</a></li>
<li class="menu-item"><a href="#ideas" class="menu-link">Ideas</a></li>
<li class="menu-item"><a href="/soc/#apply" class="menu-link">Apply</a></li>