[CSS] Add styling for menu selected
This commit is contained in:
parent
b393708e29
commit
3fc71b68af
|
@ -139,6 +139,12 @@ header ul li a {
|
||||||
transition: 500ms ease-in-out;
|
transition: 500ms ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.menu-selected, .menu-selected>a {
|
||||||
|
text-decoration-line: underline !important;
|
||||||
|
color: #fff;
|
||||||
|
font-weight:bolder
|
||||||
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
<div class="sidebar">
|
<div class="sidebar">
|
||||||
<ul class="menu-list">
|
<ul class="menu-list">
|
||||||
<li class="menu-item"><a href="/soc" class="menu-link">Programme</a></li>
|
<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="/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="#ideas" class="menu-link">Ideas</a></li>
|
||||||
<li class="menu-item"><a href="/soc/#apply" class="menu-link">Apply</a></li>
|
<li class="menu-item"><a href="/soc/#apply" class="menu-link">Apply</a></li>
|
||||||
|
|
Loading…
Reference in New Issue