diff --git a/apps/files_sharing/css/mobile.scss b/apps/files_sharing/css/mobile.scss index 00a7cd1baf2770aeb58b4da76c7c8ed6d50981f3..56f57d53263f36c0c9f79ab390a5c6877b384d32 100644 --- a/apps/files_sharing/css/mobile.scss +++ b/apps/files_sharing/css/mobile.scss @@ -46,5 +46,13 @@ table td.filename .nametext { text-overflow: ellipsis; } +// Hide Download label of 3-dot-menu on public share pages +.share-menutoggle-text { + display: none; +} +#header .menutoggle { + padding-right: 14px; + background-position: center; +} } diff --git a/apps/files_sharing/js/public.js b/apps/files_sharing/js/public.js index 1407737d00742656ccf1fdea31df8d09779aa796..8799e3e6fc8c4d350975a5b98614bcc94b791dfe 100644 --- a/apps/files_sharing/js/public.js +++ b/apps/files_sharing/js/public.js @@ -424,4 +424,18 @@ $(document).ready(function () { return App.fileList.generatePreviewUrl(urlSpec); }; } + + $('#share-menutoggle').click(function() { + $('#share-menu').show(); + }); +}); + + +$(document).mouseup(function(e) { + var container = $('#share-menu'); + + // if the target of the click isn't the container nor a descendant of the container + if (!container.is(e.target) && container.has(e.target).length === 0) { + container.hide(); + } }); diff --git a/apps/files_sharing/templates/public.php b/apps/files_sharing/templates/public.php index 4903ff798dd4ade10ad492b4ebe600327fda808f..9508b9f68ba6b540db7cd2a47960261993c6abc0 100644 --- a/apps/files_sharing/templates/public.php +++ b/apps/files_sharing/templates/public.php @@ -49,8 +49,8 @@ $maxUploadFilesize = min($upload_max_filesize, $post_max_size); <div class="header-right"> <?php if (!isset($_['hideFileList']) || (isset($_['hideFileList']) && $_['hideFileList'] === false)) { ?> - <a href="#" id="share-menutoggle" class="menutoggle icon-more-white"><?php p($l->t('Download')) ?></a> - <div id="share-menu" class="popovermenu menu hidden" style="display: block;"> + <a href="#" id="share-menutoggle" class="menutoggle icon-more-white"><span class="share-menutoggle-text"><?php p($l->t('Download')) ?></span></a> + <div id="share-menu" class="popovermenu menu hidden"> <ul> <li> <a href="<?php p($_['downloadURL']); ?>" id="download">