More effectively block drag and right-click

This commit is contained in:
Noah Petherbridge 2023-12-21 21:00:08 -08:00
parent 42c189d333
commit ebc8e9b72c
2 changed files with 11 additions and 1 deletions

View File

@ -8,6 +8,16 @@ abbr {
cursor: not-allowed; cursor: not-allowed;
} }
img {
/* https://stackoverflow.com/questions/12906789/preventing-an-image-from-being-draggable-or-selectable-without-using-js */
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
/* Container for large profile pic on user pages */ /* Container for large profile pic on user pages */
.profile-photo { .profile-photo {
width: 150px; width: 150px;

View File

@ -572,7 +572,7 @@
<source src="{{PhotoURL .Filename}}" type="video/mp4"> <source src="{{PhotoURL .Filename}}" type="video/mp4">
</video> </video>
{{else}} {{else}}
<a href="{{PhotoURL .Filename}}" target="_blank" <a href="/photo/view?id={{.ID}}" target="_blank"
class="js-modal-trigger" data-target="detail-modal" class="js-modal-trigger" data-target="detail-modal"
onclick="setModalImage(this.href)"> onclick="setModalImage(this.href)">
<img src="{{PhotoURL .Filename}}" loading="lazy"{{if BlurExplicit .}} class="blurred-explicit"{{end}}> <img src="{{PhotoURL .Filename}}" loading="lazy"{{if BlurExplicit .}} class="blurred-explicit"{{end}}>