the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2024-09-20 23:55:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile gui

Browse source
This commit is contained in:
RainLoop Team 2016-05-01 14:51:49 +03:00
parent b0ffd84ac6
commit 116de6fd45
6 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
dev/Styles/FolderList.less
View file

@ -244,6 +244,7 @@
overflow: hidden;
height: 19px;
display: inline-block;
margin-top: 1px;
}
}
@ -258,7 +259,7 @@ html.rl-left-panel-disabled, html.rl-left-panel-short {
margin-top: 10px !important;
margin-left: 0 !important;
}
#rl-left {
&.rl-mobile #rl-left {
visibility: hidden;
}
}

9
dev/Styles/Layout.less
View file

@ -371,16 +371,17 @@ html.rl-ctrl-key-pressed {
}
html.rl-mobile .hide-on-mobile {
display: none;
display: none !important;
}
.show-on-mobile {
display: none;
display: none !important;
}
html.rl-mobile .show-on-mobile {
display: initial;
display: initial !important;
}
html.rl-mobile .width100-on-mobile {
width: 100%;
width: 100% !important;
}

2
dev/View/User/MailBox/MessageList.js
View file

@ -66,8 +66,6 @@
this.folderList = FolderStore.folderList;
this.composeInEdit = AppStore.composeInEdit;
this.allowComposer = !!Settings.capa(Enums.Capa.Composer);
this.leftPanelDisabled = Globals.leftPanelDisabled;
this.selectorMessageSelected = MessageStore.selectorMessageSelected;

6
rainloop/v/0.0.0/app/templates/Views/User/MailMessageList.html
View file

@ -3,18 +3,18 @@
data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused(), 'loading': messageListCompleteLoadingThrottle, 'hideMessageListCheckbox': !useCheckboxesInList() }">
<div class="toolbar">
<div class="btn-toolbar">
<div class="btn-group show-on-mobile" data-bind="visible: leftPanelDisabled">
<div class="btn-group" data-bind="visible: mobile && leftPanelDisabled()">
<a class="btn single" data-bind="click: showLeft">
<i class="icon-right-middle"></i>
</a>
</div>
<div class="btn-group show-on-mobile" data-bind="visible: !leftPanelDisabled()" style="margin-left: -1px">
<div class="btn-group" data-bind="visible: mobile && !leftPanelDisabled()" style="margin-left: -1px">
<a class="btn single" data-bind="click: hideLeft">
<i class="icon-left-middle"></i>
</a>
</div>
<div class="btn-group show-on-mobile">&nbsp;</div>
<div class="btn-group show-on-mobile" data-bind="visible: allowComposer">
<div class="btn-group" data-bind="visible: mobile && allowComposer">
<a class="btn single buttonCompose" data-tooltip-join="top" data-bind="click: composeClick, tooltip: 'FOLDER_LIST/BUTTON_NEW_MESSAGE', css: {'btn-warning': composeInEdit, 'btn-success': !composeInEdit()}">
<i class="icon-paper-plane"></i>
</a>

2
rainloop/v/0.0.0/app/templates/Views/User/SettingsFolders.html
View file

@ -37,7 +37,7 @@
<tbody data-bind="template: { name: 'SettingsFolderItem', foreach: folderList }"></tbody>
</table>
</div>
<div class="span4 show-on-mobile" style="position: relative" data-bind="visible: '' !== folderListHelp()">
<div class="span4 hide-on-mobile" style="position: relative" data-bind="visible: '' !== folderListHelp()">
<div class="alert alert-info" style="position: fixed">
<span data-bind="text: folderListHelp"></span>
</div>

4
rainloop/v/0.0.0/app/templates/Views/User/SettingsPane.html
View file

@ -1,12 +1,12 @@
<div class="b-settings b-settins-right">
<div class="b-toolbar" style="padding-left: 0">
<div class="btn-toolbar" style="margin-top: 2px;">
<div class="btn-group show-on-mobile" data-bind="visible: leftPanelDisabled">
<div class="btn-group" data-bind="visible: mobile && leftPanelDisabled()">
<a class="btn single" data-bind="click: showLeft">
<i class="icon-right-middle"></i>
</a>
</div>
<div class="btn-group show-on-mobile" data-bind="visible: !leftPanelDisabled()" style="margin-left: -1px">
<div class="btn-group" data-bind="visible: mobile && !leftPanelDisabled()" style="margin-left: -1px">
<a class="btn single" data-bind="click: hideLeft">
<i class="icon-left-middle"></i>
</a>