IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Added link to side menu header and fixed styling

Browse Source
This commit is contained in:
Hugo Häggmark 2019-01-22 08:12:48 +01:00
parent 96d28703f7
commit a6428fef0c
3 changed files with 25 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/core/components/sidemenu/SideMenuDropDown.tsx
View File

@ -10,7 +10,9 @@ const SideMenuDropDown: FC<Props> = props => {
return ( return (
<ul className="dropdown-menu dropdown-menu--sidemenu" role="menu"> <ul className="dropdown-menu dropdown-menu--sidemenu" role="menu">
<li className="side-menu-header"> <li className="side-menu-header">
<span className="sidemenu-item-text">{link.text}</span> <a href={link.url}>
<span className="sidemenu-item-text">{link.text}</span>{' '}
</a>
</li> </li>
{link.children && {link.children &&
link.children.map((child, index) => { link.children.map((child, index) => {

26
public/app/core/components/sidemenu/__snapshots__/SideMenuDropDown.test.tsx.snap
View File

@ -8,11 +8,14 @@ exports[`Render should render children 1`] = `
<li <li
className="side-menu-header" className="side-menu-header"
> >
<span <a>
className="sidemenu-item-text" <span
> className="sidemenu-item-text"
link >
</span> link
</span>
</a>
</li> </li>
<DropDownChild <DropDownChild
child={ child={
@ -49,11 +52,14 @@ exports[`Render should render component 1`] = `
<li <li
className="side-menu-header" className="side-menu-header"
> >
<span <a>
className="sidemenu-item-text" <span
> className="sidemenu-item-text"
link >
</span> link
</span>
</a>
</li> </li>
</ul> </ul>
`; `;

6
public/sass/components/_sidemenu.scss
View File

@ -149,6 +149,12 @@
color: #ebedf2; color: #ebedf2;
} }
.side-menu-header > a {
// Removes left-brand-border-gradient from link
border: none !important;
padding: 0 !important;
}
.sidemenu-subtitle { .sidemenu-subtitle {
padding: 0.5rem 1rem 0.5rem; padding: 0.5rem 1rem 0.5rem;
font-size: $font-size-sm; font-size: $font-size-sm;