You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello,
yes, the file list will overlay the albums below.
Unfortunately my css knowledge is limited in this area. If someone can support here - happy to take suggestions
Looks like you might not need any fancy CSS trickery, just a couple simple CSS and programmatic changes:
Change the position of .songcontainer from absolute to static
Add a margin-bottom of 10px to .songcontainer
Remove the padding-bottom from .coverrow
Inject the div.songcontainer element right after the rightmost album in the row with the selected album.
Set the absolute position of the .open-arrow to be on the top of the new .songcontainer block
1-3 are pure CSS changes, while 4 and 5 would require a code change to compute the rightmost album, put the song container element after that album, and compute the position that the open arrow should have.
Here's an example of what these changes would look like:
I did some research to see if this might be possible to do in pure CSS. Unfortunately, although we might be able to place the albums below the song container element, we can't know if we should do so or not because CSS lacks a way to check if they are covered using selectors alone, or if their position is below that of the song container. Check this out for a potential way to do this check in JS: https://stackoverflow.com/questions/49751396/determine-if-element-is-behind-another
Describe the bug
When I click an album to show the track list, it obscures the albums below it, preventing me from seeing or selecting them.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The below albums shift beneath the track list so that I can leave the track list open and select them.
Screenshots
![Screenshot from 2023-12-09 23-44-15](https://private-user-images.githubusercontent.com/69403549/289338073-f9fe9dc2-14f0-4b6e-b1cd-cb4c631c2185.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQyNTA1NzYsIm5iZiI6MTcyNDI1MDI3NiwicGF0aCI6Ii82OTQwMzU0OS8yODkzMzgwNzMtZjlmZTlkYzItMTRmMC00YjZlLWIxY2QtY2I0YzYzMWMyMTg1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIxVDE0MjQzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFmYTliM2UyODRmZDE0YWUxNjlkYzcxNGI2NjhjNjliZWM5NjQ2OGQ3ZGE4ZWNjZjE1MGVlNTk3ZDE2MjEwNWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OQ2t9OlJKZVNvRs-88gOtaM2WSM7YloknzIc7P0qBws)
![Screenshot from 2023-12-09 23-44-21](https://private-user-images.githubusercontent.com/69403549/289338082-7dda42d0-e0ee-4cf4-b094-8eec4a364723.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQyNTA1NzYsIm5iZiI6MTcyNDI1MDI3NiwicGF0aCI6Ii82OTQwMzU0OS8yODkzMzgwODItN2RkYTQyZDAtZTBlZS00Y2Y0LWIwOTQtOGVlYzRhMzY0NzIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIxVDE0MjQzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWY3MzA3ZTRjYTE1OTJiMTRmNjQ2MzI1YzBjODY5MGY3M2VjNzZmYjMyMDVkNDQ1NTJjMjExZThjZGZkNWQzYjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.b9VUg6tkMKdamOTxWpw7t0QoWBTYH95kj1e4h5XqsIE)
Before:
After:
I can't see the "Sabor Latino" album below the track list.
Versions:
The text was updated successfully, but these errors were encountered: