[MMM-NewsFeedTicker] scroll from left to right only?

A Former User

I think it can help

sdetweil

i did this, commented out the old in the MMM-NewsFeedTicker.css
and replaced with this

/*@-webkit-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@-moz-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@-ms-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@-o-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
} */

/* new stuff here */
@keyframes marquee {
  
   0% {
    transform: translate(-100%, 0);
  }

  50% {
    transform: translate(-50%, 0);
  }

  100% {
    transform: translate(0, 0);
  } 
}

Cr4z33

@sdetweil thank you gonna try asap! :D

Cr4z33

OK this is getting weird now because I applied the above code and it STILL keeps scrolling back and forth! :anguished_face:

sdetweil

@Cr4z33 did u delete the old code?

/*@-webkit-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@-moz-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@-ms-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@-o-keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

@keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
} */

notice the /* and */

Cr4z33

@sdetweil of course I did. :)

sdetweil

@Cr4z33 whoops. left out a change comment out the animations for other browsers

.MMM-NewsFeedTicker .tickerbody {
  margin: 0 auto;
  width: 100%;
  padding-top: 5px;
  position: relative;
  white-space: nowrap;
  overflow: visible;
  /*-webkit-animation: marquee linear infinite;
  -moz-animation: marquee linear infinite;
  -ms-animation: marquee linear infinite;
  -o-animation: marquee linear infinite; */
  animation: marquee linear infinite;
}

weird… on 2.11 it scrolls right to left
on 2.12 is scrolls left to right

sdetweil

i installed it again on my desktop system (from laptop), and it works as expected (on MM 2.12)

Cr4z33

@sdetweil nope mine ist still going back and forth.

sdetweil

@Cr4z33 weird… I just re-installed MM and the module and changed the css and changed the newsfeed module config entry to MMM-NewsFeedTicker and started, left to right

		{
			module: "MMM-NewsFeedTicker",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		},