Add CSS animation to mailboxes tree

pull/91/head
Francis Lachapelle 2015-01-29 11:32:35 -05:00
parent 225d039f89
commit 383ccdbc82
3 changed files with 18 additions and 12 deletions

View File

@ -4760,17 +4760,20 @@ md-tab > .md-ripple-container .md-ripple {
Other features at : http://zavoloklom.github.io/material-design-iconic-font/examples.html
*/
md-sidenav md-list md-item-content:hover {
background-color: #ede5ca;
cursor: pointer; }
md-sidenav md-list md-item-content.sg-active {
color: #00b0c0; }
md-sidenav md-list md-item-content.sg-loading {
color: #a1ccc8; }
md-sidenav md-list md-item-content .sg-item-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
md-sidenav md-list md-item-content {
transition: background-color 0.2s ease-out, color 0.5s linear; }
md-sidenav md-list md-item-content:hover {
background-color: #ede5ca;
cursor: pointer; }
md-sidenav md-list md-item-content.sg-active {
color: #00b0c0; }
md-sidenav md-list md-item-content.sg-loading {
color: #a1ccc8; }
md-sidenav md-list md-item-content .sg-item-name {
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
md-item-content .childLevel1 {
padding-left: 15px; }

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,8 @@
md-sidenav {
md-list {
md-item-content {
transition: background-color 0.2s ease-out,
color 0.5s linear;
&:hover {
background-color: #ede5ca; // paper 200
cursor: pointer;
@ -12,6 +14,7 @@ md-sidenav {
color: #a1ccc8; // vintage-blue 500
}
.sg-item-name {
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;