moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-22 17:02:17 -05:00
Code Issues Releases Wiki Activity

[WO-629] Fix nav margins

Browse Source
This commit is contained in:
Tankred Hase 2014-11-04 19:30:46 +01:00
parent 650aa83958
commit 8b081c759a
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/sass/blocks/layout/_nav.scss
View File

@ -1,6 +1,7 @@
// Main Navigation Menu
.nav {
$nav-padding-left: 8px;
$nav-padding-h: 10px;
$footer-height: 30px;
@ -133,9 +134,9 @@
}
&__folder {
font-size: $font-size-base;
padding-left: 5px;
padding-left: $nav-padding-left;
padding-right: 20px;
margin-bottom: 12px;
margin-bottom: 16px;
a {
color: $color-main;
& > svg {
@ -149,6 +150,9 @@
top: 0.25em;
}
}
&__folder__other {
margin-bottom: 8px;
}
&__counter {
display: inline;
position: static;
@ -165,7 +169,7 @@
border-top-color: $color-border-light;
& > li {
font-size: $font-size-small;
padding-left: 5px;
padding-left: $nav-padding-left;
padding-right: 5px;
a {
color: $color-text-light;

6
src/tpl/nav.html
View File

@ -25,7 +25,7 @@
</ul><!--/nav__folders-->
<ul class="nav__folders">
<li ng-repeat="folder in account.folders" ng-if="!folder.wellknown" class="nav__folder" ng-class="{'nav__folder--open': state.nav.currentFolder === folder}">
<li ng-repeat="folder in account.folders" ng-if="!folder.wellknown" class="nav__folder nav__folder__other" ng-class="{'nav__folder--open': state.nav.currentFolder === folder}">
<a href="javascript:;" wo-touch="openFolder(folder)">
<svg role="presentation"><use xlink:href="#icon-folder" /></svg>
{{folder.name}}
@ -67,8 +67,8 @@
</li>
</ul><!--/nav__secondary-->
<footer ng-class="{syncing: account.loggingIn || account.busy || searching}">
<span class="spinner"></span>
<footer>
<span class="spinner" ng-show="account.loggingIn || account.busy || searching"></span>
<span class="text" ng-switch="account.online">
<span ng-switch-when="false">
<svg><use xlink:href="#icon-offline" /></svg>