jarianc/MovieMapper
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix play button shifting with flex layout adjustments

Browse Source
This commit is contained in:
Jarian Cottingham 2026-02-21 15:44:53 -06:00
parent 6daf24d579
commit a787536297
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -250,6 +250,7 @@
align-items: center; align-items: center;
opacity: 0.7; opacity: 0.7;
transition: opacity 0.2s; transition: opacity 0.2s;
min-width: 0; /* Prevent flex items from overflowing */
} }
.file-item:hover .file-tags { .file-item:hover .file-tags {

2
renderer.js
View File

@ -90,7 +90,7 @@ function displayFiles(files) {
<span class="tag-icon extra-tag" data-file-path="${file.path}" title="Mark as Extra">🏷️</span> <span class="tag-icon extra-tag" data-file-path="${file.path}" title="Mark as Extra">🏷️</span>
<span class="tag-icon commentary-tag" data-file-path="${file.path}" title="Add Commentary">💬</span> <span class="tag-icon commentary-tag" data-file-path="${file.path}" title="Add Commentary">💬</span>
<span class="video-preview-btn" data-file-path="${file.path}" title="Preview Video">🎬</span> <span class="video-preview-btn" data-file-path="${file.path}" title="Preview Video">🎬</span>
<button class="play-button" style="visibility: hidden; width: 0; margin: 0; padding: 0;" data-file-path="${file.path}">▶️</button> <button class="play-button" style="visibility: hidden; width: 0; margin: 0; padding: 0; flex-shrink: 0;" data-file-path="${file.path}">▶️</button>
</div> </div>
`; `;