Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-30 04:29:21 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Folder list resize optimization

Browse source
This commit is contained in:
RainLoop Team 2014-05-08 02:20:17 +04:00
parent 53dc509d79
commit 1250efa445
26 changed files with 31233 additions and 31154 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dev/Styles/Animations.less
View file

@ -154,6 +154,14 @@ html.rl-started-trigger.no-mobile #rl-content {
animation: highlight-folder-row 0.5s linear;
}
&.csstransitions .b-folders .btn.buttonContacts {
.transition(margin 0.3s linear);
}
&.csstransitions .b-folders .b-content.opacity-on-panel-disabled {
.transition(opacity 0.3s linear);
}
&.csstransitions .messageList {
.messageListItem {
.transition(max-height 400ms ease);

4
dev/Styles/Contacts.less
View file

@ -58,7 +58,7 @@
}*/
}
.b-list-toopbar {
.b-list-toolbar {
padding: 0;
height: 45px;
text-align: center;
@ -71,7 +71,7 @@
}
}
.b-list-footer-toopbar {
.b-list-footer-toolbar {
position: absolute;
left: 0;
bottom: 0;

14
dev/Styles/FolderList.less
View file

@ -15,22 +15,23 @@
height: 30px;
padding: 10px 10px 0 @rlLowMargin;
color: #fff;
z-index: 101;
}
.b-footer {
position: absolute;
bottom: 18px;
bottom: 20px;
right: 0;
left: 0;
height: 20px;
padding: 0 10px 0 0;
padding: 0 10px 0 5px;
z-index: 101;
}
.b-content {
position: absolute;
top: 50px + @rlLowMargin;
bottom: 30px + @rlLowMargin + @rlBottomMargin;
bottom: 32px + @rlLowMargin + @rlBottomMargin;
// left: @rlLowMargin;
left: 0;
right: 0;
@ -161,3 +162,10 @@
padding-left: @subPadding * 3 + @folderItemPadding;
}
}
html.rl-left-panel-disabled {
.btn.buttonContacts {
margin-top: 10px !important;
margin-left: 0 !important;
}
}

39
dev/Styles/Layout.less
View file

@ -36,7 +36,7 @@
.g-ui-absolute-reset;
width: @rlLeftWidth;
min-width: 120px;
min-width: 60px;
}
#rl-right {
@ -147,10 +147,10 @@ html.ssm-state-tablet, html.ssm-state-mobile {
}
.b-contacts-content.modal {
.b-list-toopbar, .b-list-content, .b-list-footer-toopbar {
.b-list-toolbar, .b-list-content, .b-list-footer-toolbar {
width: 150px;
}
.b-list-toopbar .e-search {
.b-list-toolbar .e-search {
width: 125px;
}
.b-view-content {
@ -173,10 +173,10 @@ html.ssm-state-tablet {
}
.b-contacts-content.modal {
.b-list-toopbar, .b-list-content, .b-list-footer-toopbar {
.b-list-toolbar, .b-list-content, .b-list-footer-toolbar {
width: 200px;
}
.b-list-toopbar .e-search {
.b-list-toolbar .e-search {
width: 175px;
}
.b-view-content {
@ -188,15 +188,38 @@ html.ssm-state-tablet {
}
}
.show-on-panel-disabled {
display: none;
}
html.rl-left-panel-disabled {
#rl-left {
width: 5px !important;
display: none;
width: 65px !important;
.show-on-panel-disabled {
display: block;
}
.opacity-on-panel-disabled {
.opacity(30);
}
.visibility-hidden-on-panel-disabled {
visibility: hidden;
}
.hide-on-panel-disabled {
display: none;
}
&.ui-state-disabled {
.opacity(100);
}
}
#rl-right {
left: 5px !important;
left: 65px !important;
}
}