Have just switched to using jDownloads from another document manager as we like the functionality. However, I have found that when you use the jDownloads content button to embed a link to a download in an article the Joomla frontend article edit button layout changes. We use JA-Simpli template, but a similar change is seen in the Protostar template.
Screen shots are shown in the attached PDF of how the edit button dropdown appears with and without an embedded download.
We are using jDownloads 3.9.8.7 and Joomla 3.10.11.
We plan to switch to Joomla 4 later this year where we do not see this behaviour. We would like to know if there is a workaround for this issue whist we are still on J!3 ?
Hi,
I have tested this and was able to reproduce it.
The cause is line 598 in jdownloads_fe.css:
.tooltip-inner, .tip {
border: solid 1px #ccc !important;
background: #ededed !important;
color: #000333 !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
/* width: auto; */
min-width: 100%;
/* position: absolute; */
top: 3em;
z-index: 1040;
}
Change it to:
.tooltip-inner, .tip {
/* border: solid 1px #ccc !important; */
background: #ededed !important;
color: #000333 !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
/* width: auto; */
/* min-width: 100%; */
/* position: absolute; */
top: 3em;
z-index: 1040;
}
solved this problem in my test :)
But I haven't had time to check the impact on jDownload's tooltips now. Please take note of this and possibly test it yourself.
Many thanks for looking into this so promptly. The fix you suggest has certainly fixed the issue for the Protostar template.
On the ja-simpli template the ix, moves the text "Edit" into the text box, but the edit icon still displays below, as in the second PDF doc uploaded.
I will also look at this file for further tweeks that fix the JA-simpli, but we can live with this until we migrate to J!4.
Further to the above, I have found that commenting out the "top: 3em;" moves the edit icon back to the correct position alongside the edit text.
.tooltip-inner, .tip {
/* border: solid 1px #ccc !important; */
background: #ededed !important;
color: #000333 !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
/* width: auto; */
/* min-width: 100%; */
/* position: absolute; */
/* top: 3em; */
z-index: 1040;
}
Thanks for the update. Solved.