mirror of
https://github.com/strapi/strapi.git
synced 2025-12-27 07:03:38 +00:00
Added blue div for active link
This commit is contained in:
parent
4a91cd0e73
commit
1228e27a4e
@ -23,6 +23,7 @@ class HeaderNav extends React.Component { // eslint-disable-line react/prefer-st
|
||||
const notifActive = link.active ? <div className={styles.notifPoint} /> : '';
|
||||
return (
|
||||
<Link key={key} className={styles.headerLink} to={`${baseUrl}/${link.name}`} activeClassName={styles.linkActive}>
|
||||
<div></div>
|
||||
<div className={`${styles.linkText} text-center`}>
|
||||
{link.name}
|
||||
{notifActive}
|
||||
|
||||
@ -9,6 +9,7 @@
|
||||
}
|
||||
|
||||
.headerLink {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex: 1 100%;
|
||||
height: 4rem;
|
||||
@ -25,6 +26,16 @@
|
||||
background-color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
text-decoration: none !important;
|
||||
> div {
|
||||
&:first-child {
|
||||
position: absolute;
|
||||
height: 0.3rem;
|
||||
top: 0rem;
|
||||
width: 100%;
|
||||
background-color: #1C5DE7;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.linkText {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
background: #fff !important;
|
||||
}
|
||||
.baseline {
|
||||
// display: none;
|
||||
display: none;
|
||||
z-index: 100001;
|
||||
opacity: .2;
|
||||
position: absolute;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user