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

Cr4z33

@sdetweil thanks I already saw that page, but it talks about translateX and there’s no evidence of it in that module’s CSS.

sdetweil

@Cr4z33 ok, so. try it. maybe the default is right to left if not specified.

worst case u have the existing file still

Cr4z33

@sdetweil nope I didn’t get what I wanted. :person_shrugging_medium-dark_skin_tone:

A Former User

@Cr4z33 : see this

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