From: rabuzarus <>
Date: Sat, 25 Mar 2017 22:33:53 +0000 (+0100)
Subject: enable fbrowser for mobile view
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=aeb999c4d9f4bbdf5e30a047c1e5f74992544420;p=friendica.git

enable fbrowser for mobile view
---

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 7f3d522a9d..346abb02d9 100644
--- 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 1436182b80..d461f733f5 100644
--- 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>