LupusNobilis/sogo
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add CSS animation to mailboxes tree

Browse source
This commit is contained in:
Francis Lachapelle 2015-01-29 11:32:35 -05:00
parent 225d039f89
commit 383ccdbc82
3 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
UI/WebServerResources/css/styles.css
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 Other features at : http://zavoloklom.github.io/material-design-iconic-font/examples.html
*/ */
md-sidenav md-list md-item-content:hover { md-sidenav md-list md-item-content {
background-color: #ede5ca; transition: background-color 0.2s ease-out, color 0.5s linear; }
cursor: pointer; } md-sidenav md-list md-item-content:hover {
md-sidenav md-list md-item-content.sg-active { background-color: #ede5ca;
color: #00b0c0; } cursor: pointer; }
md-sidenav md-list md-item-content.sg-loading { md-sidenav md-list md-item-content.sg-active {
color: #a1ccc8; } color: #00b0c0; }
md-sidenav md-list md-item-content .sg-item-name { md-sidenav md-list md-item-content.sg-loading {
text-overflow: ellipsis; color: #a1ccc8; }
overflow: hidden; md-sidenav md-list md-item-content .sg-item-name {
white-space: nowrap; } text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
md-item-content .childLevel1 { md-item-content .childLevel1 {
padding-left: 15px; } padding-left: 15px; }

2
UI/WebServerResources/css/styles.css.map
View file

File diff suppressed because one or more lines are too long

3
UI/WebServerResources/scss/views/MailerUI.scss
View file

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