enable fbrowser for mobile view

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 7f3d522a9db5bba5984585ea97fb82e8cec1ab84..346abb02d956c5700b198503a12c9ae146e4c3c5 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1290,8 +1290,11 @@ section #jotOpen {
     padding-right: 1px;
 }
 .fbrowser .folders ul {
-    padding-left: 0px;
+    padding: 0px;
     margin-left: -15px;
+    margin-bottom: 0px;
+    overflow-y: auto;
+    max-height: calc(100vh - 210px);
 }
 .fbrowser .folders li {
     padding-left: 20px;
@@ -1314,6 +1317,10 @@ section #jotOpen {
 .fbrowser .folders + .list {
     padding-left: 10px;
 }
+.fbrowser .fbrowser-content-container {
+    overflow-y: auto;
+    max-height: calc(100vh - 175px);
+}
 .fbrowser .profile-rotator-wrapper {
     min-height: 200px;
 }

diff --git a/view/theme/frio/templates/jot.tpl b/view/theme/frio/templates/jot.tpl
index 1436182b80b6f7fb37f7b839616e3744e7b87066..d461f733f571ada7f85b8f72bb4b538bfc942390 100644 (file)
--- a/view/theme/frio/templates/jot.tpl
+++ b/view/theme/frio/templates/jot.tpl
@@ -11,7 +11,7 @@
                        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>
 
-                       {{* 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">
                                {{* 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 *}}
@@ -21,6 +21,7 @@
                                <li role="menuitem"><a id="jot-browser-link" onclick="fbrowserActive(); return false;">{{$browser}}</a></li>
                        </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;">
                                <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">
@@ -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>
                                        {{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}}
+                                       <li role="menuitem"><a id="jot-browser-lnk-mobile" onclick="fbrowserActive(); return false;">{{$browser}}</a></li>
                                </ul>
                        </div>
                        <button type="button" class="close hidden-lg hidden-md hidden-sm" data-dismiss="modal" style="float: right;">&times;</button>