Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Merge pull request #4013 from PaulAdamDavis/settings-nav-icons

Browse source 
Add icons to settings nav menu
This commit is contained in:
Matt Enlow 2014-09-11 09:11:34 -06:00
commit 5b74929d1c
2 changed files with 29 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
core/client/assets/sass/layouts/settings.scss
View file

@ -37,20 +37,39 @@
li { li {
border-top: #fff 1px solid; border-top: #fff 1px solid;
position: relative;
@media (max-width: 900px) { @media (max-width: 900px) {
margin-right: 0; margin-right: 0;
border-top: #edece4 1px solid; border-top: #edece4 1px solid;
} }
// The icon
&:before {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
transition: color 0.1s;
color: $brown;
@media (max-width: 900px) {
left: 15px;
}
}
&:hover:before {
color: $darkgrey;
}
a { a {
display: block; display: block;
border-bottom: $lightbrown 1px solid; border-bottom: $lightbrown 1px solid;
padding: 15px 15px 15px 40px; padding: 15px 15px 15px 60px;
border-bottom: none; border-bottom: none;
color: $brown; color: $brown;
@media (max-width: 900px) { @media (max-width: 900px) {
padding-left: 15px ; padding-left: 45px;
@include icon-after($i-chevron) { @include icon-after($i-chevron) {
float: right; float: right;
margin-top: 5px; margin-top: 5px;
@ -77,6 +96,11 @@
@media (min-width: 900px) { @media (min-width: 900px) {
// only apply active styles on larger devices // only apply active styles on larger devices
// The icon
&:before {
color: $darkgrey;
}
margin-right: 0; margin-right: 0;
position: relative; position: relative;
z-index: 300; z-index: 300;
@ -105,32 +129,6 @@
} // li } // li
// Add the icons for specific menu items
.about a {
@include icon($i-ghost);
}
.general a {
@include icon($i-settings);
}
.publishing a {
@include icon($i-content);
}
.services a {
@include icon($i-services);
}
.users a {
@include icon($i-users);
}
.appearance a {
@include icon($i-appearance);
}
.apps a {
@include icon($i-app);
}
.code a {
@include icon($i-code);
}
} // .settings-menu } // .settings-menu

6
core/client/templates/settings.hbs
View file

@ -8,14 +8,14 @@
<ul> <ul>
{{#unless session.user.isAuthor}} {{#unless session.user.isAuthor}}
{{#unless session.user.isEditor}} {{#unless session.user.isEditor}}
{{gh-activating-list-item route="settings.general" title="General" classNames="settings-menu-general"}} {{gh-activating-list-item route="settings.general" title="General" classNames="settings-menu-general icon-settings"}}
{{/unless}} {{/unless}}
{{gh-activating-list-item route="settings.users" title="Users" classNames="settings-menu-users"}} {{gh-activating-list-item route="settings.users" title="Users" classNames="settings-menu-users icon-users"}}
{{/unless}} {{/unless}}
{{gh-activating-list-item route="settings.about" title="About" classNames="settings-menu-about"}} {{gh-activating-list-item route="settings.about" title="About" classNames="settings-menu-about icon-ghost"}}
</ul> </ul>
</nav> </nav>