Skip to content

Commit

Permalink
Fix clipped form content when editing photo's 'about' information (#2517
Browse files Browse the repository at this point in the history
)

The `overflow-clip` class on the form container for editing a photo's
'about' information prevented scrolling, resulting in content being
cut off on some screen sizes. This commit adjusts the overflow
property to clip only the x-axis, while setting the y-axis overflow
to `auto`, ensuring the entire form content remains accessible.
  • Loading branch information
kiancross committed Aug 9, 2024
1 parent a85bcb1 commit 63b288d
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion resources/views/components/gallery/view/photo.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ class="absolute top-0 h-1/4 w-full sm:w-1/2 left-1/2 -translate-x-1/2 opacity-50
</template>
</div>
<template x-if="photo.rights.can_edit">
<div class="h-full relative overflow-clip w-0 bg-bg-800 transition-all"
<div class="h-full relative overflow-x-clip overflow-y-auto w-0 bg-bg-800 transition-all"
x-bind:class="photoFlags.isEditOpen ? 'w-full' : 'w-0 translate-x-full'">
<x-gallery.photo.properties />
</div>
Expand Down

0 comments on commit 63b288d

Please sign in to comment.