hermanho / MMM-GooglePhotos

Display your photos on MagicMirror from Google Photos.
MIT License
170 stars 65 forks source link

Info panel does not display #110

Closed gohma231 closed 3 years ago

gohma231 commented 3 years ago

Hello,

I have images displaying flawlessly, but the info panel is not being displayed. Any help would be appreciated.

What I've tried:

1.

#GPHOTO_INFO {
    top: 100px;
    left: 1000px;
    bottom: inherit;
    right: inherit;
  }

The above text moved a small black bubble into the frame (not the dimensions as shown in the github screenshots). This does not resolve the issue.

2. Enable Debug

This does not resolve the issue either. The photos index as they should.

3. Check photoListCache.json

creationTime and _albumID are populated.

aneaville commented 3 years ago

Did the info show up before adding the #GPHOTO_INFO to your custom.css? The offsets you added of 100 and 1000 may be off the screen. Have you tried:(to show in top left corner)

GPHOTO_INFO {

top: 10px;
left: 10px;
bottom: inherit;
right: inherit;

}

Do you have the 'autoInfoPosition' enabled of disabled?

Since something did show up, I suspect is 'working' but not quite as expected(captain obvious right....). Do you mind sharing your config, I'll use the same settings to see if I get the same results.

gohma231 commented 3 years ago

The info never showed up. I also tried 10px. I tried both true and false for autoInfoPosition. I'll share my config later tonight

On Wed, Jun 16, 2021, 15:39 aneaville @.***> wrote:

Did the info show up before adding the #GPHOTO_INFO to your custom.css? The offsets you added of 100 and 1000 may be off the screen. Have you tried:(to show in top left corner)

GPHOTO_INFO {

top: 10px; left: 10px; bottom: inherit; right: inherit; }

Do you have the 'autoInfoPosition' enabled of disabled?

Since something did show up, I suspect is 'working' but not quite as expected(captain obvious right....). Do you mind sharing your config, I'll use the same settings to see if I get the same results.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ChrisAcrobat/MMM-GooglePhotos/issues/110#issuecomment-862660721, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA7KRQY456GR3RBLZKE24VLTTD4XPANCNFSM46YQIQXQ .

gohma231 commented 3 years ago

Here is my config.js. My custom.css is currently empty.

https://pastebin.com/y5Cw3jxc

aneaville commented 3 years ago

I used your config and it worked fine. I'm suspecting that the resolution might be off and putting the info off screen. What kind of monitor are you using? Some things to try:

  1. Can you try to use the autoInfoPosition? This will change the corner every quarter of the hour. ex, at 8:15, 8:30, 8:45 ....
  2. Instead of waiting for this to change, you could add the following to your custom.css 1 by 1 and see if any show up appropriately

    GPHOTO_INFO {

    top: 10px; left: 10px; bottom: none; right: none; }

    GPHOTO_INFO {

    top: none; left: 10px; bottom: 10px; right: none; }

    GPHOTO_INFO {

    top: none; left: none; bottom: 10px; right: 10px; }

    GPHOTO_INFO {

    top: 10px; left: none; bottom: none; right: 10px; }

Lastly, when you did see a bubble, what did you mean by "not the dimensions as shown in the github screenshots"? was it smaller or larger? or too small to see?

aneaville commented 3 years ago

no response for a long time. I'm going to close the issue. If you would still like assistance, feel free to reopen. Thanks.