mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-31 21:38:19 +03:00
Code Issues Projects Releases Packages Wiki Activity

Removed titles from side menu

Browse source
This commit is contained in:
Alejandro Celaya 2018-08-18 10:47:45 +02:00
parent ec7b47fb32
commit 63ddef2d81
3 changed files with 3 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/common/AsideMenu.js
View file

@ -29,7 +29,6 @@ export default function AsideMenu({ selectedServer, className, showOnMobile }) {
return (
<aside className={asideClass}>
<nav className="nav flex-column aside-menu__nav">
<h4 className="aside-menu__nav-group-title">Short URLs</h4>
<NavLink
className="aside-menu__item"
activeClassName="aside-menu__item--selected"
@ -47,7 +46,6 @@ export default function AsideMenu({ selectedServer, className, showOnMobile }) {
<span className="aside-menu__item-text">Create short URL</span>
</NavLink>
<h4 className="aside-menu__nav-group-title">Tags</h4>
<NavLink
className="aside-menu__item"
activeClassName="aside-menu__item--selected"

22
src/common/AsideMenu.scss
View file

@ -9,7 +9,7 @@ $asideMenuMobileWidth: 280px;
position: fixed !important;
padding-top: 13px;
padding-bottom: 10px;
top: $headerHeight - 3px;
top: $headerHeight;
bottom: 0;
left: 0;
display: block;
@ -26,6 +26,7 @@ $asideMenuMobileWidth: 280px;
width: $asideMenuMobileWidth !important;
@include box-shadow(-10px 0px 50px 11px rgba(0, 0, 0, 0.55));
transition: left 300ms;
top: $headerHeight - 3px;
}
}
@ -75,22 +76,3 @@ $asideMenuMobileWidth: 280px;
.aside-menu__item-text {
margin-left: 8px;
}
.aside-menu__nav-group-title {
font-size: .9rem;
text-align: center;
color: #bbb;
text-shadow: 1px 1px #ddd;
position: relative;
&:before {
@include vertical-align();
left: 0;
width: 100%;
height: 1px;
background: red;
}
}
.aside-menu__nav-group-title:not(:first-child) {
margin-top: 1rem;
}

2
src/index.scss
View file

@ -29,7 +29,7 @@ body,
padding: 20px 0;
@media (min-width: $mdMin) {
padding: 30px 30px 30px 20px;
padding: 30px 15px;
}
}