jclarke0000 / MMM-MyScoreboard

Module for MagicMirror to display today's scores for your favourite teams across multiple sports.
MIT License
70 stars 32 forks source link

Css marquee Proplem #16

Closed omaralomar closed 5 years ago

omaralomar commented 5 years ago

hi thanks for this nice module when there is a day and had too much matches so it cannot fit into the module size

im trying to add css animation called marquee to scroll up and down when there are a full list of matches cannot fit the size

i did that the animation part but i cannot control only the module it go over the other modules !!

can you please help with that ?

and i think it's a great idea for the module too it can be added to it.

here is my css code:

@keyframes MMM-MyScoreboard { 0% { top: 10em } 100% { top: -14em }

}

.MMM-MyScoreboard .wrapper { margin-top: 10px;

position: relative; box-sizing: content-box; animation: MMM-MyScoreboard 10s linear infinite; }

omaralomar commented 5 years ago

i figured out the solution of it by adding these in custom.css :

.MMM-MyScoreboard .wrapper { position: relative; box-sizing: content-box; animation: marquee 25s linear infinite; }

.MMM-MyScoreboard div.module-content { overflow:hidden; /border:1px solid white;/ }

/ Make it move / @keyframes marquee { 0% { -webkit-transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -100%); } }