hide the download button with CSS?

[tiber]

Hi folks. I have a jellyfin server hosting mixed media - audio, books, and shows. The books (really, PDF) functionality in jellyfin requires that downloads are enabled. However, I don't really want to allow downloads, especially since the educational materials I am hosting rely on the mixed media presentation.

I realize that simply hiding the downloads button doesn't prevent people from downloading things, but I would like to at least discourage users from doing it. Can someone please give me a CSS snippet I can include to hide the button? 

Thanks!

[iFraan]

you can disable download on a per-user basis

Go to the user > Profile > Uncheck "Allow media downloads" setting

[tiber]

you can disable download on a per-user basis

Go to the user > Profile > Uncheck "Allow media downloads" setting

Thanks for the reply. That will break the book reading plugin since the books have to be downloaded.

However there is light at the end of the tunnel:

Code:

.downloadbutton-icon-complete,
.downloadbutton-icon-on,
.button-flat.btnDownload.detailButton.emby-button {
      display: none;
}

It may not be the best code, but that's what I came up with to keep the book functionality without letting people download the materials.

[solum]

I used

Code:

button[data-id="download"] {
  display: none;
}

to hide the download button.

Works for me.