MMM-NewsFeedTicker

[justjim1220]

@cr4z33

To stop the marquee (scroll) put the following in your config file:

showMarquee: false,

[Cr4z33]

@justjim1220 maybe you were referring to @cyberphox ? :grinning_face_with_smiling_eyes:

[Cr4z33]

Hi @justjim1220 any news about your next update? :)

[justjim1220]

@cr4z33

Nothing just yet, been a bit under the weather with the flu. Keep falling asleep or losing concentration.

I will keep trudging through. :winking_face:

[justjim1220]

If anyone is interested…

Adding the following will scroll the image with the article, but it will stop at the left while the rest of the article finishes scrolling:

@Keyframes marqueeImage {
0% {left: 100%;}
100% {left: 0;}
}

.MMM-NewsFeedTicker .image {
position: absolute;
display: inline-block;
vertical-align: middle;
margin-left: 0;
height: 100px;
z-index: 1;
background-color: rgb(175, 175, 175);
animation: marqueeImage 20s linear;
}

[justjim1220]

New Update —> please run a git pull && npm install within the NewsFeedTicker directory

[Cr4z33]

@justjim1220 said in MMM-NewsFeedTicker:

@cr4z33

Nothing just yet, been a bit under the weather with the flu. Keep falling asleep or losing concentration.

I will keep trudging through. :winking_face:

@justjim1220 said in MMM-NewsFeedTicker:

New Update —> please run a git pull && npm install within the NewsFeedTicker directory

Have a good recovery and thanks for the update. ;)

[Cr4z33]

@justjim1220 said in MMM-NewsFeedTicker:

New Update —> please run a git pull && npm install within the NewsFeedTicker directory

Got an error:

~/MagicMirror/modules/MMM-NewsFeedTicker $ git pull && npm install
remote: Enumerating objects: 7, done.
remote: Counting objects: 100% (7/7), done.
remote: Compressing objects: 100% (4/4), done.
remote: Total 4 (delta 2), reused 0 (delta 0), pack-reused 0
Unpacking objects: 100% (4/4), done.
Da https://github.com/justjim1220/MMM-NewsFeedTicker
   5895a96..eed535d  master     -> origin/master
Aggiornamento di 5895a96..eed535d
error: Your local changes to the following files would be overwritten by merge:
	MMM-NewsFeedTicker.css
Please commit your changes or stash them before you merge.
Aborting

[Cr4z33]

@justjim1220 althought I know ZERO about developing, JSON, CSS & Co. I was doing a quick search on Google about scrolling text stuttering in Electron on slow devices and I found out a suggestion at Stackoverflow.com that actually improved A LOT the overall perfomance of the newsfeed scrolling!

Go open /home/pi/MagicMirror/modules/MMM-NewsFeedTicker/MMM-NewsFeedTicker and replace

.MMM-NewsFeedTicker .tickerbody {
  position: relative;

with

.MMM-NewsFeedTicker .tickerbody {
  position: relative;
  transform: translateZ(0);
  backface-visibility: hidden;

You should notice now an improvement. :upside-down_face:

[justjim1220]

@cr4z33

This error you got is just letting you know it can’t overwrite file within the module that you made any changes to
You have to rename the file or delete it or just remove it from the directory

[Cr4z33]

@justjim1220 OK I ran the update succesfully by deleting the CSS.

However I would like to revert to how it was looking before the update (static image on the left and smaller scrolling text). :grimacing_face:
How do I do that please?

[justjim1220]

@cr4z33

If you did not make any changes to the original files, run git pull && npm install

If you made changes to any of the original files that you want to keep, rename those files, then run git pull && npm install

if there isn’t anything you need saved, delete the MMM-NewsFeedTicker directory and run the git clone '. . .'

[Cr4z33]

@justjim1220 that’s what I already did, but I see you now fixed that. :)

Thanks.

[BKeyport]

Looking good, other than the logo now appearing centered on final position - I have deleted all custom css…

[Cr4z33]

@bkeyport so that’s not only me?

I thought I messed up something in the CSS.

[BKeyport]

@Cr4z33 Nope, not just you.

Fixed it, actually. added the line “left: 0px;” in my custom css in the “.MMM-NewsFeedTicker .image” section… it’ll force the image to the left.

[Cr4z33]

@bkeyport oh great doing it now thanks.

[BKeyport]

fwiw, it could have happened as adjustments made to the code for a feature I asked for… :innocent look:

[Kimzer]

Any way to make the logo smaller? It got huge with using the keyframes bit

[BKeyport]

yes, as a matter of fact. Fixes the centering too if you have that problem:

custom.css in css subdirectory:

.MMM-NewsFeedTicker .image {
position: absolute;
display: inline-block;
vertical-align: middle;
margin-left: 0;
height: 40px; /* set to your image size */
z-index: 1;
background-color: #FFF;
bottom: 0;
left: 0px;

}