surfbryce / beautiful-lyrics

Completely revolutionizes the Spotify Lyrics Experience by introducing Live Lyrics, Dynamic Backgrounds, and Immersive Views
1.13k stars 50 forks source link

Wrong allignment in fullscreen mode #941

Open RINxROZE opened 1 week ago

RINxROZE commented 1 week ago

How did you install Beautiful Lyrics?

Marketplace

What is the Bug/Issue?

Lady Gaga - Die With A Smile 10_25_2024 7_08_23 PM wrong alignment please fix it, look like wired and QWP

What Country are you from?

Cambodia

What Operating System are you using?

Windows

Spotify/Spicetify Information

Spotify Version: 1.2.49.439.gfae492c7 Spotify Runtime: cef_129.0.11+g57354b8+chromium-129.0.6668.90 Spicetify Version: 2.38.4 Spicetify Theme: marketplace Spicetify Extensions: [beautiful-lyrics.mjs] Spicetify Custom Apps: [marketplace]

Spotify HTML/CSS and Console Screenshots

HTML.txt CSS.txt DevTools - xpui app spotify com_index html 10_25_2024 7_38_20 PM DevTools - xpui app spotify com_index html 10_25_2024 7_38_31 PM

Information Checklist

Gmemster commented 1 week ago

Same issue here. The whole album panel is not working at all

Anirbandasdev commented 1 week ago

942

Already Fix the Issue just merge the pull request @RINxROZE @surfbryce

sourya2007 commented 1 week ago

i dont think that that is a bug the alignment is different because of the singer, when a song has more than two singers their respective parts are shown differently as in the alignment, in this case bruno mars has the right side and lady gaga has the left, correct me if i am wrong

alessandrofoglia07 commented 1 week ago

@sourya2007 the issue is the position of the cover art (should be centered, but it seems to be at the top of the window). by the way, I have the same issue

GAMINGCHATS commented 1 week ago

Same issue here. And regarding what @sourya2007 said: it happens on songs that do have 2 singers and songs that have just 1 singer.

jorge19832 commented 1 week ago

ds

942 Ya solucioné el problema, solo fusioné la solicitud de extracción @RINxROZE @surfbryce

Cómo?

Anirbandasdev commented 1 week ago

ds

942 Ya solucioné el problema, solo fusioné la solicitud de extracción @RINxROZE @surfbryce

Cómo?

The admin is not marge the code that why you see the alignment issue 😕

Chaaps34 commented 1 week ago

Can we have a video on how to fix this?

11even11 commented 1 week ago

same issue image

Daniel23156 commented 1 week ago

Same issue. Is there any fix yet?

GAMINGCHATS commented 1 week ago

Can we have a video on how to fix this?

@surfbryce (or anyone who has perms) hasn't merged the pull request which (according to other comments) has fixed this issue.

jorge19832 commented 1 week ago

¿Podemos tener un vídeo sobre cómo solucionar esto?

@surfbryce(o cualquiera que tenga permisos) no ha fusionado la solicitud de extracción que (según otros comentarios) ha solucionado este problema.

What's that?

GAMINGCHATS commented 1 week ago

¿Podemos tener un vídeo sobre cómo solucionar esto?

@surfbryce(o cualquiera que tenga permisos) no ha fusionado la solicitud de extracción que (según otros comentarios) ha solucionado este problema.

What's that?

A pull request is essentially an already fixed version of an app (or in this case extension) that to be implemented on the app/extension it has to be merged(added to the code) by an admin.

jorge19832 commented 1 week ago

¿Podemos tener un vídeo sobre cómo solucionar esto?

@surfbryce(o cualquiera que tenga permisos) no ha fusionado la solicitud de extracción que (según otros comentarios) ha solucionado este problema.

¿Qué es eso?

Una solicitud de extracción es esencialmente una versión ya fija de una aplicación (o en este caso, una extensión) que, para implementarse en la aplicación/extensión, debe ser fusionada (agregada al código) por un administrador.

ohhhh thanks

xddK1ng commented 1 week ago

how to fix it?

pivablonded commented 5 days ago

Captura de pantalla (24) same issue, need help please

Mysticc28 commented 4 days ago

Hello there, there's a quick fix for the misoriented elements in the Beautiful Lyrics extension available thanks to @sanoojes

Step 1 - Copy the below code

.BeautifulLyricsPage.Fullscreen .Content .PlayPanel .SliderBar,
.BeautifulLyricsPage.Fullscreen .Content .PlayPanel .MediaSpace {
    position: relative;
}

Step 2 - Navigate to Spotify>Marketplace>Snippets image

Step 3 - Click the 'Add CSS' button in the bottom right corner image

Step 4 - Under Custom CSS, paste the code you just copied and add a Snippet name and description as you wish. Should look something like this so far. image

Step 5 - Hit Save CSS and done. Your issue should be fixed but incase it isnt, refresh Spotify and check again. Once again, a big thanks to @sanoojes for the fix. Check out his themes, they're really cool.

@RINxROZE @Gmemster @sourya2007 @alessandrofoglia07 @GAMINGCHATS @Chaaps34 @11even11 @Daniel23156 @xddK1ng @pivablonded here's the fix y'all

GAMINGCHATS commented 4 days ago

Yay! Will test it prob tomorrow.

pivablonded commented 3 days ago

How do I make it show the artist's album instead of the year?