Add CSS animation to mailboxes tree
parent
225d039f89
commit
383ccdbc82
|
@ -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
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue