Fix mobile gui

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

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>

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>

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>