enable fbrowser for mobile view

This commit is contained in:
rabuzarus 2017-03-25 23:33:53 +01:00
parent b6ab3bdd36
commit aeb999c4d9
2 changed files with 11 additions and 2 deletions

View File

@ -1290,8 +1290,11 @@ section #jotOpen {
padding-right: 1px; padding-right: 1px;
} }
.fbrowser .folders ul { .fbrowser .folders ul {
padding-left: 0px; padding: 0px;
margin-left: -15px; margin-left: -15px;
margin-bottom: 0px;
overflow-y: auto;
max-height: calc(100vh - 210px);
} }
.fbrowser .folders li { .fbrowser .folders li {
padding-left: 20px; padding-left: 20px;
@ -1314,6 +1317,10 @@ section #jotOpen {
.fbrowser .folders + .list { .fbrowser .folders + .list {
padding-left: 10px; padding-left: 10px;
} }
.fbrowser .fbrowser-content-container {
overflow-y: auto;
max-height: calc(100vh - 175px);
}
.fbrowser .profile-rotator-wrapper { .fbrowser .profile-rotator-wrapper {
min-height: 200px; min-height: 200px;
} }

View File

@ -11,7 +11,7 @@
in with dropdows the close button needs to be inserted after the dropdown. *}} in with dropdows the close button needs to be inserted after the dropdown. *}}
<button type="button" class="close hidden-xs" data-dismiss="modal" style="float: right;">&times;</button> <button type="button" class="close hidden-xs" data-dismiss="modal" style="float: right;">&times;</button>
{{* The Jot navigation menu (text input, permissions, preview, filebrowser) *}} {{* The Jot navigation menu for desktop user (text input, permissions, preview, filebrowser) *}}
<ul class="nav nav-tabs hidden-xs jot-nav" role="menubar" data-tabs="tabs"> <ul class="nav nav-tabs hidden-xs jot-nav" role="menubar" data-tabs="tabs">
{{* Mark the first list entry as active because it is the first which is active after opening {{* Mark the first list entry as active because it is the first which is active after opening
the modal. Changing of the activity status is done by js in jot.tpl-header *}} the modal. Changing of the activity status is done by js in jot.tpl-header *}}
@ -21,6 +21,7 @@
<li role="menuitem"><a id="jot-browser-link" onclick="fbrowserActive(); return false;">{{$browser}}</a></li> <li role="menuitem"><a id="jot-browser-link" onclick="fbrowserActive(); return false;">{{$browser}}</a></li>
</ul> </ul>
{{* The Jot navigation menu for small displays (text input, permissions, preview, filebrowser) *}}
<div class="dropdown dropdown-head dropdown-mobile-jot jot-nav hidden-lg hidden-md hidden-sm" role="menubar" data-tabs="tabs" style="float: left;"> <div class="dropdown dropdown-head dropdown-mobile-jot jot-nav hidden-lg hidden-md hidden-sm" role="menubar" data-tabs="tabs" style="float: left;">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{$message}}&nbsp;<span class="caret"></span></button> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{$message}}&nbsp;<span class="caret"></span></button>
<ul class="dropdown-menu nav nav-pills"> <ul class="dropdown-menu nav nav-pills">
@ -29,6 +30,7 @@
<li role="menuitem" style="display: none;"><a id="jot-text-lnk-mobile" class="jot-text-lnk" onclick="jotActive(); return false;">{{$message}}</a></li> <li role="menuitem" style="display: none;"><a id="jot-text-lnk-mobile" class="jot-text-lnk" onclick="jotActive(); return false;">{{$message}}</a></li>
{{if $acl}}<li role="menuitem"><a id="jot-perms-lnk-mobile" class="jot-perms-lnk" onclick="aclActive();return false;">{{$shortpermset}}</a></li>{{/if}} {{if $acl}}<li role="menuitem"><a id="jot-perms-lnk-mobile" class="jot-perms-lnk" onclick="aclActive();return false;">{{$shortpermset}}</a></li>{{/if}}
{{if $preview}}<li role="menuitem"><a id="jot-preview-lnk-mobile" class="jot-preview-lnk" onclick="previewActive();return false;">{{$preview}}</a></li>{{/if}} {{if $preview}}<li role="menuitem"><a id="jot-preview-lnk-mobile" class="jot-preview-lnk" onclick="previewActive();return false;">{{$preview}}</a></li>{{/if}}
<li role="menuitem"><a id="jot-browser-lnk-mobile" onclick="fbrowserActive(); return false;">{{$browser}}</a></li>
</ul> </ul>
</div> </div>
<button type="button" class="close hidden-lg hidden-md hidden-sm" data-dismiss="modal" style="float: right;">&times;</button> <button type="button" class="close hidden-lg hidden-md hidden-sm" data-dismiss="modal" style="float: right;">&times;</button>