Style the site setting category links. Required and Basic Setup are bigger and all other links are to the right of them.

This commit is contained in:
Neil Lalonde 2013-11-14 15:26:48 -05:00
parent c57232b73d
commit d9e4eec49f
2 changed files with 20 additions and 2 deletions

View file

@ -10,9 +10,9 @@
</div>
</div>
<ul class="nav nav-pills">
<ul class="nav nav-pills site-settings-nav">
{{#each category in controller}}
<li>{{#link-to 'adminSiteSettingsCategory' category.nameKey}}{{category.name}}{{/link-to}}</li>
<li {{bindAttr class="category.nameKey"}}>{{#link-to 'adminSiteSettingsCategory' category.nameKey class=category.nameKey}}{{category.name}}{{/link-to}}</li>
{{/each}}
</ul>

View file

@ -143,6 +143,24 @@ td {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
}
}
.site-settings-nav {
li {
background-color: grayscale($nav-pills-background-color-hover);
margin-bottom: 5px;
&.required, &.basic {
margin-bottom: 20px; // so nothing floats underneath these ones
}
> a {
font-size: 13px;
&.required, &.basic {
font-size: 16px;
}
}
}
}
.settings {
.setting {
padding-bottom: 20px;